武林網(wǎng)(www.survivalescaperooms.com)文章簡(jiǎn)介：css設(shè)置img隨div寬度變化自動(dòng)變化的方法。

因?yàn)槠聊环直媛什煌?，想?shí)現(xiàn)瀏覽器中的一個(gè)層隨瀏覽器寬度高度的變化而變化，使層始終占瀏覽器寬度的90%；高度的75%；層中的圖片隨這個(gè)層的變化而變化，相信很多人都在實(shí)際的項(xiàng)目中遇到過(guò)這個(gè)問(wèn)題，下面是實(shí)現(xiàn)這種效果的解決方案：

body { text-align:center;}

html,body { height:100%;}

.div1 { height:75%; width:90%; margin:0 auto; overflow:hidden;}

.div1 img { width:100%; display:block;}

這樣設(shè)置的話就實(shí)現(xiàn)了上面說(shuō)明的效果，大家可以試一下。