Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将背景图像缩放到用户';浏览器大小_Javascript_Html_Css_Image - Fatal编程技术网

Javascript 将背景图像缩放到用户';浏览器大小

Javascript 将背景图像缩放到用户';浏览器大小,javascript,html,css,image,Javascript,Html,Css,Image,我已经在stackoverflow中浏览了所有相关的答案,但还没有找到最合适的答案。无论用户如何调整浏览器的大小,我都试图使.background img适合用户的浏览器大小。一些相关问题是: 我正在尝试创建一个类似于此网站的效果(在Bootstrap官方网站上提到了一个例子):。尝试调整浏览器的大小,您会发现背景img总是缩放和适合 有什么好方法可以达到这种效果吗?您可以在css中尝试类似的方法 html { background: url(http://7-themes.co

我已经在stackoverflow中浏览了所有相关的答案,但还没有找到最合适的答案。无论用户如何调整浏览器的大小,我都试图使.background img适合用户的浏览器大小。一些相关问题是:

我正在尝试创建一个类似于此网站的效果(在Bootstrap官方网站上提到了一个例子):。尝试调整浏览器的大小,您会发现背景img总是缩放和适合


有什么好方法可以达到这种效果吗?

您可以在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技巧是一个很好的资源,因为有很多方法可以做到这一点。

你文章中的最后两个例子很好。你不喜欢他们什么地方?这就是你需要的?背景:封面;似乎不太管用。。我正在寻找同样的效果。谢谢你的帮助!