背景图片自适应分辨率浏览器大小自动拉伸全屏代码

最新推荐文章于 2022-05-27 13:33:28 发布

原创最新推荐文章于 2022-05-27 13:33:28 发布 · 6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在网页中实现图片全屏显示的技术难题，并提供了解决方案，通过自适应浏览器大小的代码实现图片拉伸全屏效果。

人生苦逼如我，上网找了老长时间的图片怎么全屏。就是不好使，最好发现原因：别人的图片都是够大，然后全屏，我的是图片大小太小，不能全屏。就上百度上搜：图片拉伸全屏。

找到如下代码：

背景图片自适应分辨率浏览器大小自动拉伸全屏代码

<!--  <div id="web_bg" style="position:absolute; width:100%; height:100%; z-index:-1"> 
<img style="position:fixed;" src="http://xxxx.com/bg.jpg" height="100%" width="100%" /> 
</div>  -->

图片宽度自适应浏览器

<!--  <div id="web_bg" style="width:100%; height:495px; z-index:-1"> 
<img src="images/head_pic1.jpg" alt="北大青鸟" height="495" width="100%" /> 
</div>  -->

第一个就好使了