背景圖片自適應瀏覽器分辨率大小并自動拉伸全屏代碼
發(fā)布時間：2014-04-17 16:33:00 作者：佚名 
我要評論
我要評論圖片怎么全屏，找了好長時間都沒有找到，今天偶遇，在此與大家分享下背景圖片自適應分辨率瀏覽器大小自動拉伸全屏代碼，希望對大家有所幫助
人生苦逼如我，上網(wǎng)找了老長時間的圖片怎么全屏。就是不好使，最好發(fā)現(xiàn)原因：別人的圖片都是夠大，然后全屏，我的是圖片大小太小，不能全屏。就上百度上搜：圖片拉伸全屏。
找到如下代碼：
背景圖片自適應分辨率瀏覽器大小自動拉伸全屏代碼
<!-- <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> -->
第一個就好使了，哦也。
找到如下代碼：
背景圖片自適應分辨率瀏覽器大小自動拉伸全屏代碼
復制代碼
代碼如下:<!-- <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> -->
第一個就好使了，哦也。
相關文章
基于jQuery自適應窗口大小導航菜單。這是一款響應式導航菜單特效，支持手機導航菜單代碼，需要的小伙伴快來學習吧2015-09-02
jQuery實現(xiàn)的自適應窗口大小導航菜單效果源碼
是一款實現(xiàn)了可以根據(jù)當前屏幕分辨率大小自適應調(diào)整長度的導航菜單效果代碼，擁有響應式導航菜單特效，支持手機導航菜單，本段代碼適應于所有網(wǎng)頁使用，有興趣的朋友們可以2015-08-19- 在html里面插入圖片，讓其自適應屏幕大小，可以通過css來完成，下面有個示例，希望對大家有所幫助2014-08-22
一款基于jQuery實現(xiàn)的照片瀑布流顯示自適應頁面寬度大小點擊查看大圖預覽2014-05-27
jQuery實現(xiàn)背景圖片隨著窗口的改變自動調(diào)整自適應窗口大小
當用戶調(diào)整瀏覽器窗口大小時，背景圖片會隨著窗口的改變自動調(diào)整自適應窗口大小2013-08-20
自適應圖片大小相冊代碼支持prev、next前后切換2013-08-06
3D立體圖片左右切換效果，JS會自動根據(jù)圖片不同的比例合理設置寬度高度2013-02-18
jquery插件ez-bg-resize背景自適應瀏覽器的大小
不適用CSS，通過jQuery控制背景圖片自適應瀏覽器，全屏顯示背景效果的jquery插件z-bg-resize2012-10-24- 下面小編就為大家?guī)硪黄苿佣司W(wǎng)頁大小自適應的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-24
