我正在使用srcset来使用响应图像和flexbox进行排序和布局。我在srcset中提供了许多不同的图像版本,以涵盖大多数情况,但是以某种方式,浏览器总是决定选择超出整个身体尺寸的图片。
此处的示例:https://jsfiddle.net/qmbt1ocf/
代码结构:
<body>
<section id="feed">
// containing srcset
</section
<section id="navigation">
// not containing srcset
</section>
</body>
导航部分遵守页面宽度限制,而提要部分则不是。
所有部分都是宽度为100%的弹性框,但是每次我在流中添加响应图像时,它都会超出弹性框允许的像素数。
您对出什么问题有任何想法吗?
谢谢 洛朗(Laurent)