Como dimensionar um site para dispositivos móveis?

Question

Eu tenho uma página estática muito simples (apenas CSS e links, sem scripts). Parece bom no Android e no iPhone, mas muito pequeno. Acho que eles colocaram isso menor, pois funciona para a maioria dos sites. Como posso substituir isso e fazê -lo parecer do tamanho que quero que seja?

Answer 1

O Android se ajusta automaticamente ao tamanho do seu site, tente usar a largura: 100% ou menor que cerca de 310 pixels (a barra de rolagem ocupa espaço) para o Normal ViewMode.

Para iPhone, tente usar este código para forçar o tamanho correto

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"> 

Também para forçar o tamanho da fonte, tente usar este código em seu CSS:

-webkit-text-size-adjust: none;

Answer 2

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

A lista deve ser separada por vírgula.