|
@@ -157,10 +157,18 @@
|
|
|
|
|
|
|
|
- внутри таблицы стилей main.css:
|
|
- внутри таблицы стилей main.css:
|
|
|
|
|
|
|
|
-```html
|
|
|
|
|
|
|
+```css
|
|
|
@media (max-width: 767px) { #sidebar {display: none;} }
|
|
@media (max-width: 767px) { #sidebar {display: none;} }
|
|
|
```
|
|
```
|
|
|
|
|
|
|
|
|
|
+- Так же вы может указывать медиа запросы при подключении css-файла в тэге `<link>`:
|
|
|
|
|
+
|
|
|
|
|
+```html
|
|
|
|
|
+<link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css"/>
|
|
|
|
|
+<link rel="stylesheet" media="screen and (min-width: 600px)" href="large.css"/>
|
|
|
|
|
+<link rel="stylesheet" media="print" href="print.css"/>
|
|
|
|
|
+```
|
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
|
|
|
6 Логические операторы:
|
|
6 Логические операторы:
|
