Javascript 将背景图像缩放到用户';浏览器大小
我已经在stackoverflow中浏览了所有相关的答案,但还没有找到最合适的答案。无论用户如何调整浏览器的大小,我都试图使.background img适合用户的浏览器大小。一些相关问题是:Javascript 将背景图像缩放到用户';浏览器大小,javascript,html,css,image,Javascript,Html,Css,Image,我已经在stackoverflow中浏览了所有相关的答案,但还没有找到最合适的答案。无论用户如何调整浏览器的大小,我都试图使.background img适合用户的浏览器大小。一些相关问题是: 我正在尝试创建一个类似于此网站的效果(在Bootstrap官方网站上提到了一个例子):。尝试调整浏览器的大小,您会发现背景img总是缩放和适合 有什么好方法可以达到这种效果吗?您可以在css中尝试类似的方法 html { background: url(http://7-themes.co
有什么好方法可以达到这种效果吗?您可以在css中尝试类似的方法
html {
background: url(http://7-themes.com/data_images/out/60/6975736-
android-background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
有许多选项可供选择。。
只要试着按照你的需要来做就行了。
当我在做一份报告时,LitdM打败了我。我的代码和他/她的有点不同。确保url是单引号或双引号。使用litdm提供的回退总是一个好主意。我喜欢使用
position:absolute
,但正如前面提到的,css技巧是一个很好的资源,因为有很多方法可以做到这一点。你文章中的最后两个例子很好。你不喜欢他们什么地方?这就是你需要的?背景:封面;似乎不太管用。。我正在寻找同样的效果。谢谢你的帮助!