我正在实现一个我们想要使用srcset的页面。问题是我希望图像以默认大小呈现，而不设置其宽度。
在Chrome / FF上似乎无法做到这一点。令人惊讶的是，IE11正在展示这一点，因为我认为它应该......
看一下这个例子：
<img src="http://www.komplett.no/img/p/200/F359034.jpg" srcset="http://www.komplett.no/img/p/200/F359034.jpg 200w,
http://www.komplett.no/img/p/200/F359034.jpg 200w ">
在这里您可以看到图像尽可能宽，即使图像要小得多。
如果你没有设置srcset，它的初始大小加载：
<img src="http://www.komplett.no/img/p/200/F359034.jpg">
我不知道这是不是一个错误，但有没有人知道我如何使用srcset并仍然显示图像的原始大小而不是浏览器缩放它？
答案 0 :(得分：0)
这可以很好地检查 DEMO
<img src="http://upload.wikimedia.org/wikipedia/commons/c/c6/Russell_Falls_2.jpg" srcset="http://upload.wikimedia.org/wikipedia/commons/c/c6/Russell_Falls_2.jpg 1x, http://upload.wikimedia.org/wikipedia/commons/c/c6/Russell_Falls_2.jpg 2x">
答案 1 :(得分：0)
我误解了尺寸规格的含义，现在我理解为什么它的表现如此。我建议阅读这个 https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/
答案 2 :(得分：0)
这是因为你需要设置sizes属性来告诉浏览器它应该显示的大小。
sizes现在是强制属性，但如果不存在，则默认值为100vw，这意味着视口的整个宽度。