【问题标题】:Image too wide for viewport in responsive flexbox website [closed]响应式 flexbox 网站中的视口图像太宽 [关闭]
【发布时间】:2014-01-20 11:40:09
【问题描述】:

我计划使用灵活框布局模块重新设计我的网站,使其具有响应性,因为它似乎是响应式网站的最佳布局方法。

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

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

【问题讨论】:

  • 您是否有一些您尝试使用的示例代码 - 它发生了什么?
  • 不明白你们为什么要问后续问题,抱歉。我觉得被访者清楚地回答了问题。我还没有尝试过任何事情,我在问这个问题,因为我在其他地方找不到答案。谢谢。

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


【解决方案1】:

是的,如下:

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

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

【讨论】:

    猜你喜欢
    • 2016-08-25
    • 1970-01-01
    • 1970-01-01
    • 2016-07-21
    • 2015-01-06
    • 2016-04-14
    • 1970-01-01
    • 2015-02-18
    • 1970-01-01
    相关资源
    最近更新 更多