Responsive Full bakgrundsbild script visar webbdesigners hur man undviker JavaScript och använda endast CSS-kod för att göra bilder korrekt visas på hela området av en sida, utan hölje några tomma vita sektioner.
Medan "background-size: cover" CSS-egenskapen kan uppnå detta på egen hand, eftersom de flesta webbplatser dessa dagar nås från både mobila och stationära enheter på en regelbunden basis, om bakgrundsbilden inte är rätt dimensionerad, på en av dessa enheter , bilden kommer inte alltid passar in i fönstret ordentligt.
Detta skript lägger också en CSS3 media fråga att rikta små skärm enheter och så se till att en annan, mer lämpligt och ljusare bild används för smartphones och surfplattor.
Sammantaget detta trick kan vara ganska bra, framför allt eftersom för ett par år nu bakgrundsbilder av hög kvalitet är en gemensam trend webbdesign branschen.
. En demo medföljer Responsive Full bakgrundsbild Använda CSS paket
Krav :
- CSS 3 aktiverad webbläsare
Kommentarer hittades inte