A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalon Előző változat Következő változat | Előző változat Utolsó változat Következő változat mindkét oldalon | ||
oktatas:web:css:css_feltetelesen [2022/08/07 19:43] admin [Média] |
oktatas:web:css:css_feltetelesen [2022/08/07 19:52] admin [Média] |
||
---|---|---|---|
Sor 77: | Sor 77: | ||
===== Média ===== | ===== Média ===== | ||
+ | Képernyő mérettől függően más-más beállítást használhatunk. | ||
<code css> | <code css> | ||
Sor 83: | Sor 84: | ||
} | } | ||
- | /* Ha képernyő nagyobb mint 768px: */ | + | /* Ha képernyő nagyobb mint 480px: */ |
- | @media (min-width: 768px) { | + | @media (min-width: 480px) { |
.doboz1 { | .doboz1 { | ||
background-color: blue; | background-color: blue; | ||
Sor 91: | Sor 92: | ||
</code> | </code> | ||
- | A doboz1 nevű doboz, ha eléri a 768px méretet, a háttér kék színre vált. | + | A doboz1 nevű doboz, ha eléri a 480px méretet, a háttér kék színre vált. |
+ | A háttérszín csak egy példa. Tetszőleges tulajdonságok és értékek | ||
+ | megadhatók. | ||
- | + | Megmondhatjuk, hogy csak képernyőn szeretnénk (nyomtatón nem): | |
- | Megmondhatjuk, hogy csak képernyőn szeretnénk (nyomtatónk nem): | + | |
<code css> | <code css> |