html - w3 验证器上元素 img 的属性大小值错误

Question

在 w3 上验证我的页面时，我收到很多错误，例如：

错误值（最大宽度：768 像素）321 像素，（最小宽度：768 像素）407 像素，（最大宽度：768 像素和最小分辨率：2dppx）642 像素，（最小宽度：768 像素和最小分辨率：2dppx）814 像素，元素 img 上的属性大小为 321 像素：不良媒体条件：解析错误在…分辨率：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"
/>

最大/最小宽度和最小分辨率的组合使用是错误吗？我也尝试过使用 PPI，但它仍然返回错误。

标签： htmlvalidation