Ce inseamnă “mobile first”?

Unul dintre lucrurile de care trebuie să ținem cont atunci când scriem cod “mobile first” este faptul ca, implicit nu se scrie CSS pentru desktop fără media queries. În acest fel evităm încărcarea pe mobil a unor stiluri și poate imagini care se doresc numai pe desktop.

De exemplu:

@media only screen and (min-width: 992px) {
   html {
   background: url(/images/bg-image.jpg);
   }
}

Astfel imaginea de background nu va fi niciodată trimisă către un device a cărui rezoluție este mai mică decât 992px;

Ce inseamnă “mobile first”?

Leave a Reply

Your email address will not be published. Required fields are marked *