Запустить ❯
❯
Запустить код
Ctrl+Alt+R
Изменение ориентации
Ctrl+Alt+O
Изменить тему
Ctrl+Alt+D
Перейти в раздел «Облако»
Ctrl+Alt+P
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h2>Элемент picture</h2> <picture> <source media="(min-width: 650px)" srcset="img_food.jpg"> <source media="(min-width: 465px)" srcset="img_car.jpg"> <img src="img_girl.jpg" style="width:auto;"> </picture> <p>Измените размер браузера, чтобы увидеть различные версии загрузки изображения в разных размерах видового экрана. Браузер ищет первый исходный элемент, в котором медиа-запрос соответствует текущей ширине видового экрана пользователя, и извлекает изображение, указанное в атрибуте srcset.</p> <p>Элемент img требуется в качестве последнего дочернего тега блока объявления изображения. Элемент img используется для обеспечения обратной совместимости для браузеров, которые не поддерживают элемент picture, или если ни один из исходных тегов не соответствует.</p> </body> </html>
×
Сообщить об ошибке:
Ваш E-mail:
Адрес страницы:
Описание:
Отправить
