提问人:gremo 提问时间:11/17/2023 更新时间:11/17/2023 访问量:8
Lighthouse 性能测试“正确调整图像大小”...我的 srcset/sizes 错误吗?
Lighthouse performance test "Properly Size images"... are my srcset/sizes wrong?
问:
图像容器的最大宽度为 1920 像素。我的源图像是 1920x600 像素。我尝试为每个视口大小提供不同的图像:
<img alt="" src="/media/foo.jpeg" class="img-fluid d-block mx-auto"
sizes="
(min-width: 1200px) 1200px,
(min-width: 992px) 992px,
(min-width: 768px) 768px,
100vw
"
srcset="
/media/foo_768.jpeg 768w,
/media/foo_992.jpeg 992w,
/media/foo_1200.jpeg 1200w,
/media/foo_1920.jpeg 1920w,
"
width="1920" height="600">
属性和必须存在,以允许浏览器在不下载图像的情况下计算保留空间。width
height
我在这里做错了什么?
答: 暂无答案
上一个:读取具有 UTF8 编码的 NetworkStream
下一个:选择字段不保留该值
评论
sizes
<picture>