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;}