¿Cuál es el tamaño de la página móvil?
Cuando creamos un sitio web móvil, debemos prestar atención al tamaño de la página del sitio web móvil. El tamaño de la página del sitio web afecta directamente la belleza del sitio web y la experiencia del usuario. El posicionamiento del tamaño también se llama compatibilidad, y la compatibilidad también incluye muchos aspectos, no solo el posicionamiento del tamaño. Dado que el tamaño de los sitios web del lado de la PC se puede fijar, el punto fijo también se refleja en el ancho. El tamaño de ancho comúnmente utilizado para los sitios web del lado de la PC es 1024 píxeles (px), lo que no requiere que el personal de front-end dedique tiempo a esta página. Pero debemos prestar especial atención a los sitios web móviles. Si utilizamos 640 px como estándar, cuando los usuarios accedan a él con un teléfono móvil de 320 px, la versión conservadora solo mostrará la mitad del tamaño del sitio web. Si esto sucede, afectará la experiencia del usuario y los usuarios cerrarán directamente el sitio web. Por lo tanto, cuando creamos un sitio web móvil, primero debemos comprender el tamaño de los teléfonos móviles convencionales. En la actualidad, los teléfonos móviles convencionales incluyen el sistema IOS y el sistema Android. Solo necesitamos comprender los distintos tamaños de teléfonos móviles bajo estos dos sistemas.
1. Sistema IOS
Sistema IOS Los teléfonos móviles de Apple, desde el iphone4 hasta ahora el iphonexsmax, son cada vez más grandes. Para teléfonos móviles con sistema IOS, generalmente solo es necesario considerar dos tamaños, uno es de 720 px y el otro de 1080 px. Si se trata de una tableta, también se puede identificar saltando, pero muchas empresas crearán un sitio web encabezado por iPad para facilitar el acceso de los usuarios de iPad.
2. Sistema Android
Los tamaños comunes de teléfonos móviles en el sistema Android son 480, 720 y 1080px.
3. Tamaños convencionales
Para la construcción de sitios web móviles, 320, 480 y 640 px son más específicos. Por lo tanto, la tecnología front-end solo necesita hacer un juicio simple. Por supuesto, si hay otros tamaños, también podrás volver a identificarlos.
4. Identificación
La razón por la que un sitio web móvil aparece a media pantalla o sobre la pantalla se debe enteramente al tamaño de la fuente. Por lo tanto, en los sitios web móviles, px no se usa a menudo para escribir código, pero em o rem se usan para hacer una distinción adaptativa. Pero recuerde que em y rem no pueden aparecer en la misma página al mismo tiempo; de lo contrario, habrá una pausa en la carga de uno grande y otro pequeño.