diff options
| author | Ivan <36266839+babasuck@users.noreply.github.com> | 2022-01-19 18:13:04 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-01-19 13:13:04 +0300 |
| commit | aac65b49577937a2f9ca17d92c041545e4318f8a (patch) | |
| tree | 5f8e9388df8d6a9b170c530668982115f3d18792 | |
| parent | 399eaeaf4c0e8395cd474e91ed29554929bd47b2 (diff) | |
| download | translated-content-aac65b49577937a2f9ca17d92c041545e4318f8a.tar.gz translated-content-aac65b49577937a2f9ca17d92c041545e4318f8a.tar.bz2 translated-content-aac65b49577937a2f9ca17d92c041545e4318f8a.zip | |
(ru) Fix broken image at "Responsive images" page (#3735)
| -rw-r--r-- | files/ru/learn/html/multimedia_and_embedding/responsive_images/index.html | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.html b/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.html index 474f317658..c3affff3ab 100644 --- a/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.html +++ b/files/ru/learn/html/multimedia_and_embedding/responsive_images/index.html @@ -170,7 +170,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Responsive_images <p>Этот код позволяет нам выводить отзывчивое изображение и на широких, и на узких экранах, как показано ниже:</p> -<p><img alt="Our example site as viewed on a wide screen - here the first image works ok, as it is big enough to see the detail in the center." src="https://mdn.mozillademos.org/files/12940/picture-element-wide.png" style="display: block; height: 554px; margin: 0px auto; width: 700px;"><img alt="Our example site as viewed on a narrow screen with the picture element used to switch the first image to a portrait close up of the detail, making it a lot more useful on a narrow screen" src="https://mdn.mozillademos.org/files/12938/picture-element-narrow.png" style="display: block; height: 710px; margin: 0px auto; width: 320px;"></p> +<p><img alt="Our example site as viewed on a wide screen - here the first image works ok, as it is big enough to see the detail in the center." src="https://mdn.mozillademos.org/files/12940/picture-element-wide.png" style="display: block; height: 554px; margin: 0px auto; width: 700px;"><img alt="Our example site as viewed on a narrow screen with the picture element used to switch the first image to a portrait close up of the detail, making it a lot more useful on a narrow screen" src="/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images/picture-element-narrow.png" style="display: block; height: 710px; margin: 0px auto; width: 320px;"></p> <div class="note"> <p><strong>Примечание</strong>: вам следует использовать атрибут <code>media</code> только при художественном оформлении; когда вы используете <code>media</code>, не применяйте медиа-условия с атрибутом <code>sizes</code>.</p> @@ -199,7 +199,7 @@ translation_of: Learn/HTML/Multimedia_and_embedding/Responsive_images <ul> <li>Не используйте атрибут <code>media</code>, если вам не нужно художественное оформление.</li> <li>В элементе <code><source></code> можно указывать путь к изображениям только того типа, который указан в <code>type</code>.</li> - <li>Как и в предыдущих примерах, при необходимости вы можете использовать <code>srcset</code> and <code>sizes</code>.</li> + <li>Как и в предыдущих примерах, при необходимости вы можете использовать <code>srcset</code> и <code>sizes</code>.</li> </ul> <h2 id="Активное_обучение_реализация_собственных_адаптивных_изображений">Активное обучение: реализация собственных адаптивных изображений</h2> |