首页 > 开发 > CSS > 正文

CSS实例教程:img随div宽度自动变化

2024-07-11 09:02:18
字体:
来源:转载
供稿:网友

武林网(www.vevb.com)文章简介: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;}


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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表