整页图片问题的断点

时间:2016-06-17 13:27:29

标签: css twitter-bootstrap responsive-design

我在整页div中有关于调整图片大小的问题。

事情是,似乎缺少一些断点(例如15英寸屏幕)。图片底部有褶皱,适合小屏幕调整大小。

以下是链接:http://mango-assurances.com/

有什么想法吗?

干杯,

卢瓦克

1 个答案:

答案 0 :(得分:0)

您的图片大小为1200x848 ...您的标题和Cookie通知区域已经没有垂直高度,“裁剪”是自然视口限制。

此UI完全可以接受,您无需更改它。 (请记住,用户可以使用比全屏小窗口的浏览器。)

但是,如果你这样做,你有两个选择:1)使用较小的图像,& 2)用CSS限制(max-width:800px)限制图像的宽度(或高度) - 像这样...

<img src="img/mango-hd.png" class="img-fluid center wp wp-7 mt80 animated
  fadeInUp" style="max-width:800px">