背景图像大小是否包含边框？

设置<div>元素的背景图像是否是由边框影响的所需图像尺寸？背景图像大小是否包含边框？

我正在使用宽度为100％的元素处理视网膜iPhone项目。我的背景图像宽度为640px，我使用背景大小使其在视网膜显示屏上很好地显示。

如果我用我的<div>将我需要减少我的图像的尺寸以获得“完美”显示边框？

例如

320px(div) - 4px(2px border left and right) = 316px

所以我的形象应该是632px（2x316）得到一个1：2 '完美' 的像素比例。

背景图像显示边框的约束范围内 - 即在边界不包含在该空间的背景上显示（它将显示在填充，虽然）。

这可能有助于你的具体情况使用background-size: cover（MDN reference）？

2012-12-22 10:56:37 Barney

你实际上可以用'background-origin'属性来控制它。例如，如果将其设置为“border-box”，则大小和位置将考虑边界。（这也影响'background-size：cover'的效果。）初始值是'padding-box'，它与您的描述相对应。 – BoltClock

回答