Felbontásfüggő stílusok

Képzeljünk el egy etikett kártyát ami a 240 pixel széles mobil kijelzőre lett optimalizálva. Vajon, hogyan nézhet ki egy 4K-s monitoron.

A felhasználó által használt médiához és annak felbontásához jól illeszkedő stíluslap készítésében segít a médialekérdezés (query).

A médialekérdezés igaz, ha a megadott média típus megegyezik az eszköz média típusával, és az összes kifejezés értéke igaz. Ekkor a kapcsolódó stílusdeklarációkat alkalmazza a böngésző.

Ha a médialekérdezés visszatérési értéke hamis, akkor a kapcsolódó stílusdeklarációkat böngésző figyelmen kívül hagyja.

<style>
@media not|only médiatípus and (media jellemző) {
    Stílusdeklaráció
}
</style>
 

<link rel="stylesheet" media=" médiatípus and|not|only (média jellemző)" href="stilus.css">