Al escribir la página del teléfono móvil HTML5, encontraremos que la proporción de los elementos que se muestran en la página es incorrecta.
<meta name = viewport content = width = dispositivo-width, inicial-escala = 1>
Cualquiera
<Meta name = Viewport Content = Width = Device-Width, inicial a escala = 1.0, mínima a escala = 0.5, máxima escala = 2.0, escala de usuario = sí />
Entonces explicemos esta oración:
Viewport: significa la ventana de visualización;
Ancho = Dispositivo-ancho, escala inicial = 1.0: significa que el ancho de la ventana de visualización es igual al ancho de pantalla del dispositivo, la escala inicial = 1.0, es decir, la relación de zoom inicial es 1.0;
A escala mínima: significa que se permite la relación mínima que se permite
Máximo: significa la relación máxima que permite escalar
ESCALABLE DEL USUARIO: Significa si el usuario permite que el usuario esté Scate la página.
Problema de ejemplo: Fenómeno:Cuando el usuario hace clic en el cuadro de entrada de entrada en la página móvil para editar el texto, la página se ampliará automáticamente
resolver:Insertar en el cabezal de la etiqueta de la página <Head>
<meta name = viewport content = width = dispositivo-width, inicial a escala = 1.0, mínima a escala = 1.0, máxima escala = 1.0 />
O el usuario no puede acercar la página al usuario escalable = no
ResumirLo anterior es el problema de resolver la página de teléfono móvil HTML5 que le presentó. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!