Атрибут sizes
Описание
Указывает размер изображения для разных размеров страниц.
Значение может быть в em, ex, ch, rem, vw, vh, vmin, vmax, cm, mm, q, in, pc, pt, px.Исключение - проценты ( % ).
Можно писать таким образом:
sizes='(max-width: 30em) 100vw, (max-width: 50em) 50vw, calc(33vw - 100px)').
Синтаксис
<source sizes='размер'>Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<picture>
<source srcset='https://mfs.gki-webik.ru/s?path=/images/regular/iconka.png' sizes='50vw'>
<img src='https://mfs.gki-webik.ru/s?path=/images/regular/body-img.jpg' width='106' height='auto' alt='gki'>
</picture>
</body>
</html>Читайте также
Тег <ul>
Создает ненумерованный ( маркированный ) список....
Тег <nav>
Задаёт навигацию по сайту. Если на странице несколько блоков ссылок, то в nav обычно помещают приоритетные ссылки. Также допустимо использовать нескол...
Тег <article>
Независимый фрагмент веб - страницы, содержащий в себе «шапку», содержимое и «подвал» сайта. Чаще всего используется для размещения блока рекламы, ком...
Тег <title>
Используется в качестве заголовка сайта. Отображается на вкладке браузера и истории. Расположен в head....