Qual é a prática recomendada do design para definir a largura da página para páginas da web móveis?

Question

Navegadores diferentes em diferentes telefones têm uma resolução de tela diferente.

Existe uma prática recomendada na comunidade para definir a largura para um tamanho padrão, para que funcione na maioria dos telefones e navegadores modernos?

Answer 1

IMHO A melhor prática é se dar bem sem muitas suposições sobre a largura e a resolução do dispositivo do cliente.

Principalmente, esses dispositivos têm navegadores voltados para exibir/redutores/redutores. Se possível, deixe o navegador fazer o trabalho.

Answer 2

Não há maneira fácil de garantir uma precisão perfeita para pixels entre os navegadores móveis (na verdade, não há maneira fácil de fazer isso com algum navegador). No entanto, existem alguns métodos para ajudar com esse tipo de trabalho. Por exemplo, o Mobile Safari para o iPhone suporta uma meta tag 'viewport' que permite especificar atributos como a largura. Aqui estão alguns exemplos de uso:

<meta name="viewport" content="width = 750px" />

<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />

A Apple tem algumas informações aqui, e você encontrará muito mais informações na web.

Answer 3

G'day,

Eu sei que sua pergunta é decidir fazer uma seleção do tamanho ideal da tela para funcionar em todos os telefones, mas essa abordagem em breve se desgasta com os usuários.

Um grande site em que estou associado a leva a string do usuário e a normaliza para um denominador comum, por exemplo, mais de 300 seqüências diferentes de UA em uso no Reino Unido para um determinado tipo de telefone da Sony Ericsson, para que todos se conversem para a mesma string, e Em seguida, faz uma pesquisa em uma tabela para determinar o setor imobiliário da tela.

Os codificadores também têm acesso à velocidade de conexão atual, que é deduzida por um aplicativo de geolocalização com base no tipo de conexão, tipo de roteamento, etc. no momento da solicitação. Você não quer enviar mídia rica e alta para alguém com uma conexão lenta.

Isso é então usado para

1. Decida se o conteúdo rico pode ser servido e depois
2. Selecione o formato ideal para o conteúdo.

Hth

Felicidades,

Answer 4

Você sempre pode usar "ems" em vez de pixels eles deve escala corretamente.

Este ainda é um assunto delicado, já que muitos navegadores móveis interpretam basicamente o que você tem, dependendo de como os desenvolvedores queriam fazê -lo interpretar.