Así que tengo un cliente que quiere que el sitio se vea en el móvil exactamente como en el escritorio (texto pequeño y todo). el problema con el que me encuentro es que el sitio hace zoom en el móvil, así que pensé que estaba haciendo algo mal.
usé este código:
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=0.5, minimum-scale=0.1, maximum-scale=1.0">con esto lo carga ampliado, si cambio la escala inicial a 0.1 obtengo barras blancas alrededor del contenido y el texto se agranda.
¿Alguna idea de cómo lograrlo correctamente? ¿JS o algo así?
gracias.
Debe usar la consulta de medios para que su sitio responda a dispositivos móviles y solo necesita agregar este código en sus etiquetas < meta >.
<meta name="viewport" content="with=device-width, initial-scale=1.0">Puede usar una consulta de medios como esta. Aquí, 500 px se basa en el ancho del dispositivo móvil, lo que significa que todas las propiedades css en la consulta de medios se ejecutarán si el ancho de su dispositivo es inferior a 500 px. De lo contrario, cargará las propiedades css predeterminadas que escribió anteriormente en el documento.
@media all and (max-width: 500px) { /*Your Changing CSS Properties*/ }Puede obtener más información sobre la consulta de medios en este artículo .