Cómo hacer un diseño de sitio web con diseño responsivo Cómo hacer un diseño de sitio web con diseño responsivo

¿Cómo utilizar html5 para crear páginas web responsivas? HTML5

A la hora de crear una página web responsive, primero debes considerar si es adecuada para todas las plataformas o solo para dispositivos móviles. A continuación se toma un sitio web adaptable para dispositivos móviles como ejemplo para mostrarle cómo crear una página web adaptable.

1. Seleccione el tamaño de diseño básico, generalmente basado en 1080. Después de determinar el escenario de aplicación del diseño web responsivo, comuníquese con el artista (o diseñador). Anteriormente, los artistas a menudo tenían que crear múltiples conjuntos de diseños para las resoluciones de pantalla de los principales dispositivos móviles. Ahora, con Fluid Layout y rem, es posible utilizar un conjunto de planos para cumplir con los requisitos de las resoluciones de pantalla de dispositivos móviles más comunes.

2. Cuando el artista completa el diseño, comienza el trabajo del ingeniero de front-end. En este punto puedes usar PS o FW para recortar el mapa. En términos generales, Fireworks

Cs6 corta imágenes más rápido, pero a veces la imagen se distorsiona durante los fuegos artificiales. Entonces, a veces es necesario utilizar PS para la coordinación. PS tiene una herramienta de corte especial para cortar imágenes.

Código específico:

(función

(doc,

win)

{

Definir variable

Dosier

=

doc.documentElement

resizeEvt

=

Cambio de dirección

Fruta corta con lazo para sujetar en un extremo de la

ventana

Cambio de dirección

：

Cambiar tamaño,

Recalcular

=

Función

()

{

Definir variables

clientWidth

=

docEl.

Si

( ! clientWidth)

Devuelve;

docEl.style.fontSize

=

20

*

(Ancho del cliente