对于响应式flexbox网站中的视口,图像太宽

时间:2014-01-02 22:10:17

标签: css html5 responsive-design image-scaling flexbox

我计划使用Flexible Box布局模块重新设计我的网站,使其具有响应性,因为它似乎是响应式网站的成功布局方法。

但如果其中一个框中的图像比视口宽?会发生什么?如果图像对于视口来说太宽,我可以自动缩小图像的大小吗?

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

1 个答案:

答案 0 :(得分:0)

是,如下:

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

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