Espero que mi web sea navegador móvil. Ya configuré <meta name="viewport" content=" width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;">
en mi index.html , y se mostrará normalmente en Firefox (el ancho es el ancho del dispositivo, no 980 px). Pero abro la web en Mobile Chrome, el ancho del diseño es 980 px, no el ancho del dispositivo. Luego agrego javascript en html:
<script> (function () { function autoRootFontSize() { document.documentElement.style.fontSize = Math.min(screen.width, document.documentElement.getBoundingClientRect().width) / 980 * 320 + 'px'; } window.addEventListener('resize', autoRootFontSize) autoRootFontSize(); })();
Mobile Chrome es narmal. Luego, utilicé el comando 'npm run build' para empaquetar mis proyectos y abrir la web, pero el ancho de la ventana gráfica aún es de 980 px.
¿Cómo resolver esta pregunta?