The Responsive Voll Background Image Skript zeigt, Web-Designer, wie man vermeiden, JavaScript und CSS-Code verwenden, nur um Bilder korrekt auf der gesamten Fläche einer Seite angezeigt werden, ohne dass das Gehäuse keine leere weiße Abschnitte.
Während die "background-size: cover" CSS-Eigenschaft kann dies allein zu erreichen, da die meisten Websites in diesen Tagen von mobilen und Desktop-Geräten in regelmäßigen Abständen auf einem dieser Geräte zugegriffen wird, wenn das Hintergrundbild nicht richtig gewählt, , wird das Bild nicht immer in das Fenster zu passen richtig.
Dieses Skript fügt auch eine CSS3 Media-Abfrage, um Geräte mit kleinem Bildschirm zielen und so sicherzustellen, dass eine andere, geeignetere und hellere Bild wird für Smartphones und Tablets genutzt.
Insgesamt kann dieser Trick sehr nützlich sein, zumal für ein paar Jahre jetzt qualitativ hochwertige Hintergrundbilder sind eine gemeinsame Entwicklung der Web-Design-Industrie.
. Eine Demo wird mit der Responsive Vollständige Hintergrundbild verwenden CSS-Paket enthalten
Anforderungen :
- CSS 3 fähigen Browser
Kommentare nicht gefunden