3

为元素设置背景图像时，<div>所需的图像大小是否受边框影响？

我正在开发一个元素为 100% 宽度的视网膜 iPhone 项目。我的背景图片是 640px 宽，我使用 background-size 让它在视网膜显示屏上很好地显示。

如果我在<div>遗嘱上使用边框，我需要减小图像尺寸以获得“完美”显示吗？

例如

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

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

4

1 回答 1

1

背景图像显示在边框的约束范围内——也就是说边框不包含在背景显示的空间中（尽管它会显示在填充上）。

background-size: cover使用（MDN 参考）可能对您的特定情况有帮助？

于 2012-12-22T10:56:37.747 回答