Responsive completa scenariul de fundal imagine arată designerii web Cum pentru a evita activarea JavaScript-și folosi numai codul CSS pentru a face imagini afișa în mod corespunzător pe întreaga suprafață a unei pagini, fără învelitoare toate secțiunile albe goale.
În timp ce "background-size: capac" proprietatea CSS poate realiza acest lucru pe cont propriu, pentru că cele mai multe site-uri web aceste zile sunt accesate de pe ambele dispozitive mobile și desktop în mod regulat, în cazul în care imaginea de fundal nu este ales în mod corespunzător, pe unul dintre aceste dispozitive , imaginea nu se va potrivi întotdeauna în interiorul ferestrei corect.
Acest script adaugă, de asemenea o interogare media CSS3 pentru a direcționa dispozitive cu ecran mici și deci asigurați-vă o altă imagine, mai adecvat și mai ușor este utilizat pentru smartphone-uri si tablete.
În ansamblu, acest truc poate fi destul de util, mai ales că de câțiva ani imagini de fundal de înaltă calitate sunt o tendință comună în industria de web design.
. Un demo este inclus cu Responsive fundal completa imaginea folosind pachet CSS
Cerințe :
- CSS 3-ului browser
Comentariile nu a fost găsit