diff options
author | Alexander Myshov <myshov@users.noreply.github.com> | 2021-03-28 20:25:45 +0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-03-28 20:25:45 +0700 |
commit | 64e69e89d672e844c1891722ca4b8171eeec19af (patch) | |
tree | fc8954cfd75c4b36ac2e13d8841c6119d420fc98 /files/ru/web/css/media_queries | |
parent | 01201840f5a33c04efa309492d51200fc7cd1a0b (diff) | |
download | translated-content-64e69e89d672e844c1891722ca4b8171eeec19af.tar.gz translated-content-64e69e89d672e844c1891722ca4b8171eeec19af.tar.bz2 translated-content-64e69e89d672e844c1891722ca4b8171eeec19af.zip |
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 <shibakow@gmail.com>
* Update files/ru/learn/css/css_layout/responsive_design/index.html
Co-authored-by: Artem Shibakov <shibakow@gmail.com>
* Update files/ru/learn/css/css_layout/responsive_design/index.html
Co-authored-by: Artem Shibakov <shibakow@gmail.com>
* Update files/ru/learn/css/css_layout/responsive_design/index.html
Co-authored-by: Artem Shibakov <shibakow@gmail.com>
* Update files/ru/learn/css/css_layout/responsive_design/index.html
Co-authored-by: Artem Shibakov <shibakow@gmail.com>
* Update files/ru/learn/css/css_layout/responsive_design/index.html
Co-authored-by: Artem Shibakov <shibakow@gmail.com>
* Update files/ru/web/css/media_queries/index.html
Co-authored-by: Artem Shibakov <shibakow@gmail.com>
Co-authored-by: Artem Shibakov <shibakow@gmail.com>
Diffstat (limited to 'files/ru/web/css/media_queries')
-rw-r--r-- | files/ru/web/css/media_queries/index.html | 4 | ||||
-rw-r--r-- | files/ru/web/css/media_queries/using_media_queries/index.html | 6 |
2 files changed, 5 insertions, 5 deletions
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 --- <div>{{CSSRef("CSS3 Media Queries")}}</div> -<p><strong>Media Queries</strong> - ключевой компонент <a href="/en-US/docs/Web/Apps/Progressive/Responsive">отзывчивого дизайна</a>, который делает возможным для CSS адаптироваться в зависимости от различных параметров или характеристик устройства. Например, media query может применить различные стили если экран меньше определённого размера, или в зависимости от того находится устройство в портретном или альбомном режиме. {{cssxref("@media")}} at-правило используется чтобы задать условия применения стилей к документу.</p> +<p><strong>Медиавыражения (media queries)</strong> являются ключевым компонентом <a href="/en-US/docs/Web/Apps/Progressive/Responsive">отзывчивого дизайна</a>, который делает возможным для CSS адаптироваться в зависимости от различных параметров или характеристик устройства. Например, медиавыражение может применить различные стили, если экран меньше определённого размера, или в зависимости от того находится устройство в портретном или альбомном режиме. {{cssxref("@media")}} at-правило используется чтобы задать условия применения стилей к документу.</p> -<p>Кроме того, media query синтаксис используется в других контекстах, таких как атрибут {{htmlattrxref("media", "source")}} элемента {{HTMLElement("source")}}, который может быть установлен в media query строку, чтобы определять нужно или нет использовать этот источник, когда выбирается определённое изображение для использования в элементе {{HTMLElement("picture")}}.</p> +<p>Кроме того, синтаксис медиавыражений используется в других контекстах, таких как атрибут {{htmlattrxref("media", "source")}} элемента {{HTMLElement("source")}}, для определения, нужно или нет использовать этот источник, когда выбирается определённое изображение для использования в элементе {{HTMLElement("picture")}}.</p> <p>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.</p> 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 <pre class="brush: css">@media (hover: hover) { ... }</pre> -<p>Многие медиа-выражения представляют собой функцию диапазона и имеют префиксы "min-" или "max-". Минимальное значение и максимальное значение условия, соответственно. Например этот CSS код применяется только если ширина {{glossary("viewport")}} меньше или равна 12450px:</p> +<p>Многие медиавыражения представляют собой функцию диапазона и имеют префиксы "min-" или "max-". Минимальное значение и максимальное значение условия, соответственно. Например этот CSS-код применяется только если ширина {{glossary("viewport")}} меньше или равна 12450px:</p> <pre class="brush: css">@media (max-width: 12450px) { ... }</pre> @@ -48,11 +48,11 @@ translation_of: Web/CSS/Media_Queries/Using_media_queries <p>Дополнительные примеры медиавыражений, смотрите на <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Media_features">справочной странице</a> для каждой конкретной функции.</p> -<h2 id="Создание_комплексных_медиа_запросов">Создание комплексных медиавыражений</h2> +<h2 id="Создание_комплексных_медиавыражений">Создание комплексных медиавыражений</h2> <p>Иногда вы хотите создать медиавыражение, включающий в себя несколько условий. В таком случае применяются <em>логические операторы</em>: <code>not</code>, <code>and</code>, and <code>only</code>. Кроме того, вы можете объединить несколько медиавыражений в список через запятую; это позволяет применять одни и те же стили в разных ситуациях.</p> -<p>В прошлом примере мы видели как применяется оператор <code>and</code> для группировки <em>type</em> и функции. Оператор <code>and</code> так же может комбинировать несколько функций в одно медиа-выражение. Между тем, оператор not отрицает медиавыражение, полностью инвертируя его значение. Единственный оператор не позволяет старым браузерам применять стили.</p> +<p>В прошлом примере мы видели, как применяется оператор <code>and</code> для группировки <em>type</em> и функции. Оператор <code>and</code> также может комбинировать несколько функций в одно медиавыражение. Между тем, оператор not отрицает медиавыражение, полностью инвертируя его значение. Оператор <em>only</em> работает тогда, когда применяется всё выражение, не позволяя старым браузерам применять стили.</p> <div class="note"> <p><strong>Note:</strong> In most cases, the <code>all</code> media type is used by default when no other type is specified. However, if you use the <code>not</code> or <code>only</code> operators, you must explicitly specify a media type.</p> |