Estoy creando un tema para un sitio donde I no puede cambiar el marcado ni incluir ningún JS. Solo puedo controlar el CSS de mi tema, y puedo escribir algunos html solo dentro del cuerpo de la página.Establecer escala de página móvil/acercar CSS
que estoy tratando de hacer de este tema sensible, pero no puedo ver cómo controlar inicial escala o zoom de página en dispositivos portátiles sin una etiqueta meta ventana como esta:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Entonces, ¿qué sucede es que aunque puedo aplicar un diseño específico para dispositivos móviles a través de consultas de CSS @media, el sitio se aleja cuando se ve en un teléfono. El texto y las imágenes son demasiado pequeños hasta que lo acerca, y una vez que acerca, el diseño es demasiado grande y hay una barra de desplazamiento horizontal. Se ve perfecto dentro de una ventana de navegador redimensionada en el escritorio; el problema es que el navegador del teléfono escala automáticamente la página.
Así que estoy buscando una solución. Tengo dos líneas de pensamiento actualmente, y me agradaría cualquier otra sugerencia:
- ¿Hay alguna manera de hacer lo que la metaetiqueta de la ventana gráfica hace solo en CSS?
- ¿Puedo forzar un ancho de página máximo en mi estilo específico de dispositivo móvil para que los navegadores móviles no escalen la página?
Eso es exactamente lo que necesito, tan decepcionante que no es compatible. – tuff
yes..support es muy bajo ... solo opera e IE10. Puede cambiar en el futuro cercano aunque ... – Zendy