Tengo una página web estática muy simple (solo CSS y enlaces, sin secuencias de comandos). Se ve bien en Android y iPhone, pero es 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 hacerlo parecer del tamaño que quiero que sea?¿Cómo escalar un sitio web para dispositivos móviles?
Android se ajusta automáticamente al tamaño de su sitio, trate de usar 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 utilizar 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 la fuerza de tamaño de fuente intenta utilizar este código en el CSS:
-webkit-text-size-adjust: none;
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
La lista debe estar separados por comas
Sea lo que sea que vaya, asegúrese de probar en las versiones más recientes de Android. Tenía un bonito diseño simple de una sola columna que se veía bien en Android 1.5 y Android 1.6. Sin embargo, Android 2 parece aplastar todo el texto en una pequeña astilla lateral. Es extraño que tenga que cambiar a un diseño de varias columnas para admitir un teléfono, donde lo más simple debería ser mejor. –