android - que - optimizar sitio web para moviles

¿Cómo escalar un sitio web para dispositivos móviles?

Question

Tengo una página web estática muy simple (solo css y enlaces, sin scripts). Se ve bien en Android y iPhone, pero demasiado pequeño. Supongo que lo ponen más pequeño ya que funciona para la mayoría de los sitios. ¿Cómo puedo anular esto y hacer que se vea del tamaño que quiero?

Answer 1

Android se ajusta automáticamente al tamaño de su sitio, trate de usar el ancho: 100% o más pequeño que alrededor de 310 píxeles (la barra de desplazamiento ocupa espacio) para el modo de vista normal.

Para iPhone intente usar este código para forzar el tamaño correcto

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

También para forzar el tamaño de fuente, intente usar este código en su css:

-webkit-text-size-adjust: none;

Answer 2

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

La lista debe estar separada por comas.