用css、如何讓圖片自動適應屏幕大小,不出現滾動條,不變形,兼容各個瀏覽器?急!!!


如果是個背景圖的話,
定義一個div,高100%,寬100%,里面放個img
<div class='bg'>
<img src="images/bg.jpg" alt="">
</div>

html,body{overflow: hidden;}
.bg{width: 100%;height: 100%;top:0; z-index: -1; position: absolute;}
.bg img{display: block;outline: none;border:0;height: 100%;width: 100%;}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM