From 64e69e89d672e844c1891722ca4b8171eeec19af Mon Sep 17 00:00:00 2001 From: Alexander Myshov Date: Sun, 28 Mar 2021 20:25:45 +0700 Subject: Unify translation of "Media Query" to Russian (#343) * Unify translatioin of "mediaquery" to Russian * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/learn/css/css_layout/responsive_design/index.html Co-authored-by: Artem Shibakov * Update files/ru/web/css/media_queries/index.html Co-authored-by: Artem Shibakov Co-authored-by: Artem Shibakov --- files/ru/web/css/media_queries/index.html | 4 ++-- files/ru/web/css/media_queries/using_media_queries/index.html | 6 +++--- files/ru/web/css/reference/index.html | 2 +- 3 files changed, 6 insertions(+), 6 deletions(-) (limited to 'files/ru/web/css') diff --git a/files/ru/web/css/media_queries/index.html b/files/ru/web/css/media_queries/index.html index 63d4f820cb..11c358f5b8 100644 --- a/files/ru/web/css/media_queries/index.html +++ b/files/ru/web/css/media_queries/index.html @@ -14,9 +14,9 @@ translation_of: Web/CSS/Media_Queries ---
{{CSSRef("CSS3 Media Queries")}}
-

Media Queries - ключевой компонент отзывчивого дизайна, который делает возможным для CSS адаптироваться в зависимости от различных параметров или характеристик устройства. Например, media query может применить различные стили если экран меньше определённого размера, или в зависимости от того находится устройство в портретном или альбомном режиме. {{cssxref("@media")}} at-правило используется чтобы задать условия применения стилей к документу.

+

Медиавыражения (media queries) являются ключевым компонентом отзывчивого дизайна, который делает возможным для CSS адаптироваться в зависимости от различных параметров или характеристик устройства. Например, медиавыражение может применить различные стили, если экран меньше определённого размера, или в зависимости от того находится устройство в портретном или альбомном режиме. {{cssxref("@media")}} at-правило используется чтобы задать условия применения стилей к документу.

-

Кроме того, media query синтаксис используется в других контекстах, таких как атрибут {{htmlattrxref("media", "source")}} элемента {{HTMLElement("source")}}, который может быть установлен в media query строку, чтобы определять нужно или нет использовать этот источник, когда выбирается определённое изображение для использования в элементе {{HTMLElement("picture")}}.

+

Кроме того, синтаксис медиавыражений используется в других контекстах, таких как атрибут {{htmlattrxref("media", "source")}} элемента {{HTMLElement("source")}}, для определения, нужно или нет использовать этот источник, когда выбирается определённое изображение для использования в элементе {{HTMLElement("picture")}}.

In addition, the {{domxref("Window.matchMedia()")}} method can be used to test the window against a media query. You can also use {{domxref("MediaQueryList.addListener()")}} to be notified whenever the state of the queries changes. With this functionality, your site or app can respond to changes in the device configuration, orientation, or state.

diff --git a/files/ru/web/css/media_queries/using_media_queries/index.html b/files/ru/web/css/media_queries/using_media_queries/index.html index 3ea3434282..28e57dfba0 100644 --- a/files/ru/web/css/media_queries/using_media_queries/index.html +++ b/files/ru/web/css/media_queries/using_media_queries/index.html @@ -34,7 +34,7 @@ translation_of: Web/CSS/Media_Queries/Using_media_queries 
@media (hover: hover) { ... }
-

Многие медиа-выражения представляют собой функцию диапазона и имеют префиксы "min-" или "max-". Минимальное значение и максимальное значение условия, соответственно. Например этот CSS код применяется только если ширина {{glossary("viewport")}} меньше или равна 12450px:

+

Многие медиавыражения представляют собой функцию диапазона и имеют префиксы "min-" или "max-". Минимальное значение и максимальное значение условия, соответственно. Например этот CSS-код применяется только если ширина {{glossary("viewport")}} меньше или равна 12450px:

@media (max-width: 12450px) { ... }
@@ -48,11 +48,11 @@ translation_of: Web/CSS/Media_Queries/Using_media_queries

Дополнительные примеры медиавыражений, смотрите на справочной странице для каждой конкретной функции.

-

Создание комплексных медиавыражений

+

Создание комплексных медиавыражений

Иногда вы хотите создать медиавыражение, включающий в себя несколько условий. В таком случае применяются логические операторы: not, and, and only. Кроме того, вы можете объединить несколько медиавыражений в список через запятую; это позволяет применять одни и те же стили в разных ситуациях.

-

В прошлом примере мы видели как применяется оператор and для группировки type и функции. Оператор and так же может комбинировать несколько функций в одно медиа-выражение. Между тем, оператор not отрицает медиавыражение, полностью инвертируя его значение. Единственный оператор не позволяет старым браузерам применять стили.

+

В прошлом примере мы видели, как применяется оператор and для группировки type и функции. Оператор and также может комбинировать несколько функций в одно медиавыражение. Между тем, оператор not отрицает медиавыражение, полностью инвертируя его значение. Оператор only работает тогда, когда применяется всё выражение, не позволяя старым браузерам применять стили.

Note: In most cases, the all media type is used by default when no other type is specified. However, if you use the not or only operators, you must explicitly specify a media type.

diff --git a/files/ru/web/css/reference/index.html b/files/ru/web/css/reference/index.html index 36869289dc..bc71f9313b 100644 --- a/files/ru/web/css/reference/index.html +++ b/files/ru/web/css/reference/index.html @@ -132,7 +132,7 @@ div.menu-bar li:hover > ul { display: block; }

Эти маленькие страницы описывают технологии, появившиеся в CSS3 или CSS2.1, но с плохой поддержкой браузерами до недавнего времени: