网奇CMS - 成熟易用的.NET网站管理系统
旧版官网 | 客服论坛 | 彩虹服务 | 加入收藏 | TEL:400-600-2788

img随div宽度自动变化方法

css设置img随div宽度变化自动变化的方法:
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;}
这样设置的话就实现了上面说明的效果,大家可以试一下。
0 顶一下 打印 阅读:
CSS教程中最有帮助的文章