Responsive web design: Różnice pomiędzy wersjami
| [wersja przejrzana] | [wersja nieprzejrzana] |
Usunięta treść Dodana treść
m →Tag HTML: poprawa do kodu zgodnego z HTML5 |
|||
Linia 11:
</source>
Można również wstawić cały arkusz stylu, używając media queries.
<source lang="html" line="1" start="2">
<link rel="stylesheet"
media="screen and (max-width:
href="arkusz600.css">stylesheet
</source>
Powyższy fragment mówi o tym, że arkusz stylu o nazwie arkusz600.css będzie działał tylko wtedy kiedy szerokość przeglądarki będzie mniejsza lub równa 600 pikseli. Można również użyć np. min-width,
=== Media Queries w CSS ===
<syntaxhighlight>
Jeśli nie potrzeba dzielić stylów na różne arkusze, można zrobić to wszystko w jednym pliku używając media queries.▼
>yt:stretch=16:9<
▲</syntaxhighlight>Jeśli nie potrzeba dzielić stylów na różne arkusze, można zrobić to wszystko w jednym pliku używając media queries.
<source lang="css">
@media screen and (min-width: 480px) {
| |||