css - 响应式 flexbox 网站中的图像对于视口(viewport)来说太宽了

<分区>

想改进这个问题吗？ 更新问题，使其只关注一个问题 editing this post .

关闭 9 年前。

我计划使用 Flexible Box Layout Module 重新设计我的网站，使其响应式，因为它似乎是响应式网站的成功布局方法。

但是，如果其中一个框中的图像比视口(viewport)宽，会发生什么情况？如果图像对于视口(viewport)来说太宽，我可以自动缩小图像的尺寸吗？

我无法找到有关此主题的可靠信息。我不确定这可能是一个基本问题还是坏问题。

最佳答案

是的，如下:

img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

(虽然我不确定是否有必要，因为移动设备会自行缩小图像)

关于css - 响应式 flexbox 网站中的图像对于视口(viewport)来说太宽了，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20892863/