武林網(www.49028c.com)文章簡介:css設置img隨div寬度變化自動變化的方法。
因為屏幕分辨率不同,想實現瀏覽器中的一個層隨瀏覽器寬度高度的變化而變化,使層始終占瀏覽器寬度的90%;高度的75%;層中的圖片隨這個層的變化而變化,相信很多人都在實際的項目中遇到過這個問題,下面是實現這種效果的解決方案:
body { text-align:center;}
html,body { height:100%;}
.div1 { height:75%; width:90%; margin:0 auto; overflow:hidden;}
.div1 img { width:100%; display:block;}
這樣設置的話就實現了上面說明的效果,大家可以試一下。
新聞熱點
疑難解答