El Responsive completa guión imagen de fondo muestra diseñadores Web cómo evitar Javascript y usar sólo el código CSS para que las imágenes se muestran correctamente en toda el área de la página, sin la carcasa cualquiera de las secciones blancas en blanco.
Mientras que el "background-size: cubierta de" propiedad CSS puede lograrlo por sí mismo, porque la mayoría de los sitios web en estos días se accede desde los dos dispositivos móviles y de escritorio de forma regular, si la imagen de fondo no se elige correctamente, en uno de estos dispositivos , la imagen no siempre encaja dentro de la ventana correctamente.
Este script también añade una consulta de medios CSS3 para apuntar dispositivos de pantalla pequeña y así asegurarse de que una imagen diferente, más apropiada y más ligero se utiliza para teléfonos inteligentes y tabletas.
En general, este truco puede ser muy útil, sobre todo porque durante algunos años las imágenes de fondo de alta calidad son una tendencia común a la industria del diseño Web.
. Una demostración se incluye con la imagen de fondo de respuesta completa Utilizando paquete CSS
Requisitos
- CSS 3 navegador habilitado
Comentarios que no se encuentran