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

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


css:media_queries

Различия

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

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

Предыдущая версия справа и слеваПредыдущая версия
css:media_queries [2026/06/14 06:06] – [Логические операторы.] 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)
Строка 162: Строка 164:
   * Устройство – экран (screen);   * Устройство – экран (screen);
   * Ширина экрана находится в диапазоне от 600px до 1024px, или меньше или равна 480px.   * Ширина экрана находится в диапазоне от 600px до 1024px, или меньше или равна 480px.
- 
  
/var/www/html/dokuwiki/data/attic/css/media_queries.1781417177.txt.gz · Последнее изменение: — so_v_a