Em vs px… para navegadores móveis

Question

Para o navegador de desktop, todo o navegador moderno usa a funcionalidade de zoom para que possamos usar o PX, mas se o mesmo site puder ser visto no celular, o PX não seria bom para o zoom em navegadores móveis. ou o uso de PX também é bom para navegadores móveis.

Mesmo se não cuidarmos do IE 6, devemos usá -los no lugar do PX ainda mini, android etc?

Answer 1

px Não será um pixel real de verdade quando a tela for ampliada em um navegador móvel moderno. Esses navegadores estão efetivamente imitando um navegador de desktop com pixels de tamanho de navegador de mesa.

Então, para este tipo de navegador usando px não é pior do que para um navegador de desktop normal. Você pode fazer isso se quiser sem grandes problemas, mas em ambas as situações em é preferível para o conteúdo do corpo principal, se puder.

Answer 2

Você pode usar esse truque para converter fontes de PX para EM em seu CSS:

body {
  font-size: 62.5%; /* resets the page font size */
}

Em seguida, especifique seus tamanhos de fonte como este:

p {
  font-size: 0.8em; /* equals 8px */
  font-size: 1.0em; /* equals 10px */
  font-size: 1.6em; /* equals 16px */
  font-size: 2.0em; /* equals 20px */
}

E assim por diante. Então você pode converter PX para EM para o seu layout em Pxtoem.com.

Answer 3

PX é um tamanho fixo de pixels em relativo ao tamanho da fonte

Então, na verdade, sim, você provavelmente deve usá -los para muito mais sites. Ele permitirá que um usuário defina o tamanho de que deseja a fonte e seu site pode escalar em torno dele.

No entanto, a maioria dos Web-DEVs como o PX mais específico, pois eles podem saber exatamente como as coisas são exibidas em relação uma à outra.

Mas, parecia que desktops e celulares têm resoluções drasticamente diferentes, provavelmente será mais fácil redesenhar seu site para navegação móvel.

Answer 4

Eu recomendo não usar projetos de precisão de pixel em geral e principalmente ao desenvolver para dispositivos móveis. Os motivos são simples:

• Você está lidando com dispositivos com telas que variam de pequenas resoluções a> 1920x1080 e não há uma abordagem de 'tamanho único'; Considere também que seus usuários podem não saber que existe uma função de zoom em seus navegadores.
• Ao desenvolver dispositivos móveis, estejam cientes de que muitos deles não suportam uma ampla variedade de tamanhos de fonte, para que você não possa confiar em fontes precisas de pixel. A altura da linha não é suportada por alguns navegadores móveis. Assim, se o seu design depende da precisão do pixel para, digamos, uma barra de menus e você projeta a barra para ter x pixels de altura, o resultado pode parecer completamente errado.

O livro de Dan Cederholm, "Bulletproof Web Design", pode não ser tão à prova de balas quanto o título sugere, mas é um bom começo para responder sua pergunta/ resolver seu problema.

Answer 5

Os pixels são fixos, um pixel usará o mesmo local em um celular ou em qualquer exibição. Os EMs são relativos, eles são chamados porque usam o tamanho aproximado da letra de maiúsculas 'm'.

Então, sim, você deve usar o EMS, pois eles serão ajustados dependendo da tela, e suas fontes provavelmente se encaixam melhor com elas.