为<div>
元素设置背景图片时,边框会影响所需的图片尺寸吗?
我正在开发一个视网膜iPhone项目,其元素宽度为100%。我的背景图像是640px宽,我使用背景大小让它在视网膜显示屏上很好地显示。
如果我在<div>
上使用边框,我是否需要缩小图像尺寸以获得“完美”效果?
e.g。
320px(div) - 4px(2px border left and right) = 316px
所以我的图像应该是632px(2x316)才能获得1:2'完美'的像素比率。
答案 0 :(得分:1)
背景图像显示在边框的约束内 - 也就是说边框不包含在背景显示的空间中(但它将显示在填充上)。
使用background-size: cover
(MDN reference)对您的特定情况有帮助吗?