css - 使背景 div 以浏览器大小响应加载

标签 css wordpress

我一直在尝试让响应式全屏宽度 slider 根据浏览器大小加载响应,无论我是否有下面的内容,如本例所示:http://www.wingsandhorns.com/

背景图像、 slider 或任何其他 div 的标记将如何实现这一点?

问候, 周杰伦

最佳答案

您可以为您的元素使用 css 中的新单位(vw 和 vh),比方说一个 div: #mydiv { 宽度:100vw; 高度:100vh; 背景:网址('myimg'); 背景调整:100vw 100vh; } 这将为您的元素提供视口(viewport)的宽度和高度。

关于css - 使背景 div 以浏览器大小响应加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22210162/

相关文章:

javascript - Jquery 弹出框

javascript - 删除 float :none from CSS class

html - Flash 对象使 css 布局崩溃? (只有firefox,chrome都完美!)

html - 推荐的CSS和HTML清理和修复软件

php - 从 wp 中的元值获取平均数

javascript - 为什么我会在 HTML 和 CSS 中使用类而不是属性?

wordpress - 为什么我的表单域没有水平对齐?

wordpress - web.config 在 Azure 上不可写

php - 如何将帖子从 wordpress 拉到不同主机上的其他非 wordpress 站点?

css - 用于响应式流体的 Bootstrap 内部间距删除