为 <div>
设置背景图片时元素是否受边框影响所需的图像大小?
我正在处理一个元素宽度为 100% 的 Retina iPhone 元素。我的背景图像是 640px 宽,我使用 background-size 让它在视网膜显示器上很好地显示。
如果我在 <div>
上使用边框我是否需要减小图像的尺寸以获得“完美”显示?
例如
320px(div) - 4px(2px border left and right) = 316px
所以我的图像应该是 632px (2x316) 以获得 1:2 的“完美”像素比。
最佳答案
背景图像显示在边框的约束范围内——也就是说边框不包含在背景显示的空间内(不过它会显示在填充之上)。
使用 background-size: cover
( MDN reference ) 可能对您的特定情况有帮助?
关于css - 背景图像大小是否包括边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14002130/