背景图片大小是否包含边框?

时间:2012-12-22 10:44:58

标签: css css3 background-image

<div>元素设置背景图片时,边框会影响所需的图片尺寸吗?

我正在开发一个视网膜iPhone项目,其元素宽度为100%。我的背景图像是640px宽,我使用背景大小让它在视网膜显示屏上很好地显示。

如果我在<div>上使用边框,我是否需要缩小图像尺寸以获得“完美”效果?

e.g。

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

所以我的图像应该是632px(2x316)才能获得1:2'完美'的像素比率。

1 个答案:

答案 0 :(得分:1)

背景图像显示在边框的约束内 - 也就是说边框不包含在背景显示的空间中(但它将显示在填充上)。

使用background-size: coverMDN reference)对您的特定情况有帮助吗?