在验证page on w3时,我遇到很多错误,例如:
无效值(最大宽度:768像素)321像素,(最小宽度:768像素) 407px,(最大宽度:768px,最小分辨率:2dppx)642px,(最小宽度: 768像素和最小分辨率:2dppx)814像素,321像素,用于设置 元素img:媒体条件不良:解析度为…分辨率: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,但它仍然返回错误。