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 Következő változat Következő változat mindkét oldalon | ||
oktatas:web:css:css_nyelv [2022/01/24 10:34] admin [Média beállítások] |
oktatas:web:css:css_nyelv [2022/01/24 11:12] admin [Az opacity tulajdonság] |
||
---|---|---|---|
Sor 2130: | Sor 2130: | ||
</code> | </code> | ||
+ | Elavult beállítás IE-ben: | ||
<code css> | <code css> | ||
.doboz { | .doboz { | ||
Sor 2549: | Sor 2550: | ||
<code css> | <code css> | ||
- | /* Mobil esetén */ | + | /* A szöveg alapértelmezett színe */ |
- | @media screen and (max-device-width: 480px){ | + | body { |
- | .aru { | + | background-color: blue; |
- | display: block; | + | } |
- | background-color: white; | + | |
- | width: 98%; | + | /* 900px vagy kisebb kijelző esetén */ |
- | height: 350px; | + | @media screen and (max-width: 900px) { |
- | margin: 5px; | + | body { |
- | } | + | background-color: green; |
- | + | } | |
- | #aruk { | + | } |
- | max-width: 100%; | + | |
- | margin: 0; | + | /* Képernyőn és 700px vagy annál kisebb kijelzőn */ |
- | background-color: gold; | + | @media screen and (max-width: 700px) { |
- | display: block; | + | body { |
- | } | + | background-color: yellow; |
- | + | } | |
+ | } | ||
</code> | </code> |