html - 根据视口(viewport)大小设置背景图像覆盖

标签 html css

关于上述主题,我想知道如何添加代码来设置背景图像大小以完全覆盖窗口而不会切断两侧。 我试过使用高度和宽度自动、覆盖和 100%,但都没有用。

感谢任何帮助。谢谢!

最佳答案

使用 CSS background-size 属性。

如果您希望背景图像填充区域至最小宽度/高度,请使用:

background-size: cover;

如果您希望您的背景图像尽可能大地填充该区域但仍显示您的所有图像使用:

背景大小:包含;

关于html - 根据视口(viewport)大小设置背景图像覆盖,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23027649/

相关文章:

javascript - 如何在javascript中获得最高的输入字段值

javascript - 安全 如何卡住 DOM 元素 这是远程可能的吗? [成绩作弊]

javascript - 类型错误 : 'undefined' is not an object (evaluating 'window.frames["content"]. 文档.location')

jquery.touchSwipe 链接问题

css - 仅为特定的 sphinx 文档添加自定义 CSS

html - 在 IE7 中显示侧边栏导航的问题

css - 左右浮动div,左边div需要100%,右边保持右边固定大小

javascript - CSS:性能方面,最好使用 calc 或 position absolute

css - Reactjs 特定组件打印与 css

html - 以水平布局显示缩略图