при проверке моей страницы на w3 Я получаю множество ошибок, таких как:
Неверное значение (max-width: 768px) 321px, (min-width: 768px) 407px, (max-width: 768px и минимальное разрешение: 2dppx) 642px, (min-width: 768px и минимальное разрешение: 2dppx) 814px, 321px для размеров атрибутов на элементе img: Плохое состояние мультимедиа: Ошибка синтаксического анализа при… resolution: 2dppx)
Я понимаю, что что-то не так с атрибутом sizes, но все еще не могу выяснить, что это за HTML
<img
class="polaris__image lazyload"
alt=""
height="188"
role="presentation"
sizes="(max-width: 768px) 321px,(min-width: 768px) 407px,(max-width: 768px and min-resolution: 2dppx) 642px,(min-width: 768px and min-resolution: 2dppx) 814px,321px"
src="https://media.itpro.co.uk/image/upload/t_card-mobile@1/v1570816514/itpro/2019/04/arcserve_udp_9240dr.jpg"
srcSet="https://media.itpro.co.uk/image/upload/t_card-mobile@1/v1570816514/itpro/2019/04/arcserve_udp_9240dr.jpg 321w,https://media.itpro.co.uk/image/upload/t_card-desktop@1/v1570816514/itpro/2019/04/arcserve_udp_9240dr.jpg 407w,https://media.itpro.co.uk/image/upload/t_card-mobile@2/v1570816514/itpro/2019/04/arcserve_udp_9240dr.jpg 642w,https://media.itpro.co.uk/image/upload/t_card-desktop@2/v1570816514/itpro/2019/04/arcserve_udp_9240dr.jpg 814w" width="321"
/>
Является ли комбинированное использование max/ min-width и min-resolution ошибка? Я также пытался использовать PPI, но он по-прежнему возвращает ошибку.