Атрибут 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)')
Синтаксис
<img 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>
<img src='/files/images/regular/iconka.png' alt='Ошибка загрузки Логотипа' sizes='(max-width: 600px) 100px, (min-width: 600px) 200px'>
</body>
</html>
Читайте также
Тег <li>. Атрибут type
Вид маркера списка.
Тег <iframe>. Атрибут srcdoc
Хранит в себе содержимое фрейма со всеми необходимыми для вас тегами. Использование атрибута <...
Тег <source>. Атрибут srcset
Изображения, которые должны использоваться в разных ситуациях.<br><br>В значение указ...
Тег <hr>. Атрибут color
Определяет цвет линии.
Тег <iframe>. Атрибут seamless
Указывает, что содержимое фрейма должно отображаться как на самом сайте. <br><br> Но ...