¿Cuántos diseños de páginas web hay?
La diferencia básica entre el diseño de flujo y el diseño de ancho fijo es que la unidad de medida del tamaño del sitio web es diferente. Los diseños de ancho fijo utilizan píxeles, pero los diseños fluidos utilizan porcentajes. Esta página ofrece gran plasticidad y fluidez. En otras palabras, al establecer el porcentaje, no necesitamos tener en cuenta el tamaño del dispositivo o el ancho de la pantalla; podemos encontrar una solución viable para cada situación porque el tamaño de su diseño se adaptará a todos los tamaños de dispositivos. El diseño de flujo está estrechamente relacionado con las técnicas de optimización de estilo y consulta de medios.
(2) Diseño fijo
En un diseño fijo, el ancho de la página web debe especificarse como un valor de píxel, generalmente 960 px. Anteriormente, los desarrolladores descubrieron que 960 px es el ancho más adecuado para el diseño de cuadrícula porque 960 se puede dividir entre 3, 4, 5, 6, 8, 10, 12, 15. Hoy en día, el diseño de ancho fijo se usa ampliamente en el desarrollo web porque tiene una gran estabilidad y controlabilidad. Pero también existen algunas desventajas. El ancho fijo debe considerar si el sitio web puede adaptarse a diferentes anchos de pantalla.
(3) Diseño flexible
El diseño flexible es muy similar al diseño fluido, la principal diferencia es el tamaño de la unidad. La unidad de tamaño del diseño flexible no son píxeles ni porcentajes, sino em o rem, lo que evita el defecto de que px sea casi irreconocible en altas resoluciones y es más flexible que % porcentaje. Al mismo tiempo, puede admitir la visualización normal del ajuste y escala del tamaño de fuente del navegador, lo que lleva algún tiempo adaptarse y no es fácil de convertir desde otros diseños.
(4) Caja flexible flexible
Utilice los atributos de la serie css3Flex para el diseño relativo. La compatibilidad con medios enriquecidos y tipografía compleja es excelente, pero existen problemas de compatibilidad.
(5) Responsivo
Utilice @media media query para cambiar diferentes estilos para dispositivos de diferentes tamaños y medios. El excelente diseño del rango de respuesta puede brindar a los dispositivos dentro del rango de adaptación una buena experiencia.