Responsive Fuld baggrundsbillede script viser webdesignere hvordan undgår JavaScript og kun bruger CSS kode for at gøre billeder ordentligt vises på hele området af en side, uden at foringsrør nogen tomme hvide sektioner.
Mens "background-size: cover" CSS ejendom kan opnå dette på egen hånd, fordi de fleste hjemmesider i disse dage er adgang fra både mobile og stationære enheder på en regelmæssig basis, hvis baggrundsbilledet ikke er korrekt valgt, på en af disse enheder , vil billedet ikke altid passer ind i vinduet korrekt.
Dette script tilføjer også en CSS3 media query til at målrette små screen-enheder og så sørg for en anden og mere hensigtsmæssig og lysere billede bruges til smartphones og tablets.
Samlet dette trick kan være ganske nyttigt, især da for et par år nu baggrundsbilleder af høj kvalitet er en fælles tendens Web Design industrien.
. En demo er inkluderet i Responsive Fuld Baggrundsbillede Brug CSS pakke
Krav :
- CSS 3 aktiveret browser
Kommentarer ikke fundet