0

我在这里遇到了一个非常奇怪的问题......

我有一张尺寸为:570x400 的图片。我有这个构建响应,所以为了缩小图像,我正在使用:img {max-width:100%; 高度:自动;}

这很好用......但是当我达到最大尺寸时,由于某种原因,图像显示为:570x406。这就像不正确地计算纵横比一样。

这是我正在开发的网站: http ://www.juliancaustrita.com/

有没有人遇到过这个?我已经使用“max-width 100%; height:auto”构建了许多网站,但之前从未见过......

谢谢!

4

2 回答 2

1

这是因为您将 10px 白色边框应用于.img-frame.

于 2013-11-05T06:46:49.037 回答
1

CSS 宽度包括填充和边框。您在图像上应用的类.img-frame为它们提供了 10 像素的边框。

这个 Chrome 元素检查器的屏幕截图可能会让事情更清楚:

在此处输入图像描述

于 2013-11-05T06:49:30.660 回答