Web前端CSS设置img随div宽度变化自动变化的方法

atom 前端开发必装插件 前端开发的所有插件 eclipse前端开发 插件及说明

因为屏幕分辨率不同，想实现浏览器中的一个层随浏览器宽度高度的变化而变化，使层始终占浏览器宽度的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;}

这样设置的话就实现了上面说明的效果，大家可以试一下。

前端 chrome 开发插件 前端开发调用本地摄像头的插件 谷歌 开发插件 前端