如何测试srcset算法
问题描述:
我在问这是因为在我的Mac Retina和Google Chrome开发者工具中,我无法看到srcset中的其他图像。如何测试srcset算法
<img srcset="image-415.jpg 415w,
image-768.jpg 768w,
image-992.jpg 992w,
image-1440.jpg 1440w"
src="image-1440.jpg" alt="Image">
它总是带来更大的形象。
,我做的测试是: - 打开开发工具 - 调整接近图像分辨率 我的窗口 - 刷新页面
UPDATE
在线例如: Srcset
答
不幸的是,您的网页不再在线了...
首先,你的代码会遗漏一个sizes
属性,它会告诉浏览器应该渲染图像的宽度。当您在srcset
中使用w
描述符时,这是(现在)强制属性。
但是,如果属性缺失,则浏览器将默认为100vw
,这意味着视口的整个宽度。
在您的Retina显示屏上,您是否试图在浏览器中加载视窗宽度小于700px
的页面,清空缓存后?
+0
感谢您的答案尼古拉斯。我解决了这个问题,但不记得了,因为很久以前!呵呵。我能理解你说得很清楚! –
这就是我也遇到的问题 - 您是否找到解决方案?我似乎认为这可能是一个缓存问题......但我不确定,所以我正在寻找一个检查srcset/sizes是否工作的设置方法。 – Daniel
@丹尼尔,没有发现任何东西。我开始认为算法工作正常,因为视网膜显示一切看起来像一个烂摊子嘿嘿 –