HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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>
 

VAGY

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