SovaWiki

Инструменты пользователя

Инструменты сайта

Вы посетили: • animation • htop • flexbox • jquery • pass • transition • folding
css:media_queries

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слеваПредыдущая версия
Следующая версия		Предыдущая версия
css:media_queries [2026/06/14 06:05] – [Логические операторы.] so_v_acss:media_queries [2026/08/06 09:07] (текущий) – so_v_a
Строка 1: Строка 1:
 +<!DOCTYPE markdown>
 +
 # Медиа-запросы # Медиа-запросы
  
Строка 18: Строка 20:
 } }
 </code> </code>
-здесь:\\+здесь:
   * **тип устройства** (опционально) – определяет, для каких устройств применяются стили (например, screen или print). Если тип не указан, запрос будет применяться ко всем устройствам.   * **тип устройства** (опционально) – определяет, для каких устройств применяются стили (например, screen или print). Если тип не указан, запрос будет применяться ко всем устройствам.
   * **характеристика** — указывает параметры устройства, такие как min-width, orientation и так далее.   * **характеристика** — указывает параметры устройства, такие как min-width, orientation и так далее.
   * **and** - логический оператор, применяемый для комбинирования нескольких условий, так же применяются операторы **not** и запятая (**,**), которая действует как логическое «или».   * **and** - логический оператор, применяемый для комбинирования нескольких условий, так же применяются операторы **not** и запятая (**,**), которая действует как логическое «или».
  
-Пример:\\+Пример:
 <code css> <code css>
 @media (min-width: 768px) and (max-width: 1440px) @media (min-width: 768px) and (max-width: 1440px)
Строка 88: Строка 90:
 @media print and (min-resolution: 300dpi) { ... } /* Для печати с плотностью более 300 dpi */ @media print and (min-resolution: 300dpi) { ... } /* Для печати с плотностью более 300 dpi */
 </code> </code>
- 
 ## Логические операторы.  ## Логические операторы. 
  
Строка 138: Строка 139:
 } }
 </code> </code>
 +.
 +
  
-> 
 ### Вложенные скобки. ### Вложенные скобки.
  
Строка 162: Строка 164:
   * Устройство – экран (screen);   * Устройство – экран (screen);
   * Ширина экрана находится в диапазоне от 600px до 1024px, или меньше или равна 480px.   * Ширина экрана находится в диапазоне от 600px до 1024px, или меньше или равна 480px.
- 
  
/var/www/html/dokuwiki/data/attic/css/media_queries.1781417147.txt.gz · Последнее изменение: — so_v_a