css - 背景图像大小是否包括边框?

标签 css background-image

<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/

相关文章:

css - 如何在样式组件中禁用 material-ui 按钮的悬停效果

html - 使用纯html css制作全屏立方体 slider

文本框末尾的jquery点击事件

asp.net - 在 Asp :Chart 中将不重复设置为背景图像

html - 我的页脚有问题

html - 如何处理具有垂直节奏的响应式图像?

css 背景图片不显示不是路径问题

html - 对 IE10-11 上的 "dragging"背景图片有什么建议吗?

CSS 滚动背景图片

jquery - Twitter Bootstrap 3 相同高度的流体网格布局?