Share
Tidligere, for å kunne lage oppsett basert på bredden på brukerens nettleser, måtte vi bruke JavaScript - kanskje kombinert med et server-side språk. Heldigvis blir prosessen nå langt enklere, takket være CSS-medieforespørsler.
@media skjerm og (min bredde: 1200px) / * la oss gjøre noe * * /
@import url (small.css) skjerm og (min bredde: 1200px);
Vær oppmerksom på at du også kan legge til tilleggsregler ved å bruke et komma - akkurat som du ville når du bruker flere selektorer.
Et interessant notat, etter litt forskning på nettet, er det, til tross for at iPhone 4 sporter en oppløsning på 640x960, er det fortsatt vi plukker opp mobile.css, referert i koden ovenfor. Så rart? Hvis du har mer informasjon om dette, vennligst legg en kommentar til resten av oss!
Vær oppmerksom på at Internet Explorer 8 og under ikke støtter CSS-mediesøk. I slike tilfeller bør du bruke en JavaScript-tilbakebetaling.
Accentsconagua