背景图片自适应浏览器大小

Posted liaoanran

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了背景图片自适应浏览器大小相关的知识,希望对你有一定的参考价值。

背景图片自适应浏览器大小

之前在网上看到的一个小技巧,记录一下:背景图片铺满屏幕并且可以随着浏览器进行自适应,代码如下:



<body>
<div style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
</body>

技术分享图片

标注:有一点需要注意,有可能直接使用了这段代码后浏览器会出现滚动条。这种情况下需要看是不是默认body的padding margin设置是否为0 ,需要设为0才不会出现滚动条,真正达到铺满自适应










以上是关于背景图片自适应浏览器大小的主要内容,如果未能解决你的问题,请参考以下文章

怎样用css控制图片自适应大小?

如何让网页自适应屏幕大小

如何让网页在浏览器自适应屏幕大小?

css文件 如何使背景图片大小适应div的大小

如何用CSS使图片自适应显示宽度

如何让网页自适应所有屏幕宽度