Le Responsive complet de script Image de fond montre concepteurs de sites Web comment éviter Javascript et utiliser uniquement du code CSS pour rendre les images affichent correctement sur l'ensemble de la zone d'une page, sans enveloppe des sections blanches vierges.
Alors que le "background-size: couvercle" propriété CSS peut atteindre cet objectif en soi, car la plupart des sites Web de nos jours sont accessibles à partir de deux appareils mobiles et de bureau sur une base régulière, si l'image d'arrière-plan ne sont pas correctement choisi, sur un de ces appareils , l'image ne sera pas toujours adapter à l'intérieur de la fenêtre correctement.
Ce script ajoute également une requête de médias CSS3 pour cibler appareils à petit écran et assurez-vous donc une image différente, plus approprié et plus léger est utilisé pour les smartphones et les tablettes.
Globalement, cette astuce peut être très utile, surtout depuis quelques années maintenant des images de fond de haute qualité sont une tendance commune de l'industrie de la conception Web.
. Une démo est inclus avec le Responsive pleine image de fond avec le package de CSS
Exigences :
- CSS 3 navigateur compatible
Commentaires non trouvées