Diseño de flujo:
Utilice píxeles no fijos para definir el contenido de la página web, es decir, el diseño porcentual, y establezca el ancho del cuadro en un porcentaje basado en
El ancho de la pantalla se usa para estirar, no está limitado por píxeles fijos, y el contenido se llena en ambos lados.
Este método de diseño es
un método de diseño común utilizado en el desarrollo
web móvil.
Este tipo de diseño puede adaptarse a diferentes terminales móviles.
dispositivo de resolución.
Desarrollo responsivo:
Entonces,
un concepto propuesto por
Ethan Marcotte
en
mayo
de 2010 , en definitiva, es que un sitio web puede ser compatible
con múltiples
una terminal. Cada vez más diseñadores también han adoptado este diseño.
Media Query (consulta de medios)
en
CSS3 especifica el diseño de la página web de un cierto rango de ancho consultando el ancho de la pantalla .
Pantalla
ultrapequeña (dispositivo móvil)
Por debajo de 768 px
Dispositivo
de pantalla pequeña
768px-992px
Pantalla mediana
992px-1200px
Dispositivos de pantalla ancha
1200 px
o más
Dado que el desarrollo responsivo es engorroso, generalmente se realiza utilizando un marco responsivo de terceros, como
bootstrap
para completar un
Trabaja por separado, por supuesto, también puedes escribir tu propio estilo responsivo.
Explique la diferencia entre
web móvil
y capacidad de respuesta: