热点问题
CSS图片大小自动按比例等比例缩放不变形的方法
文章来源:51网络科技 点击数: 更新时间:2016/3/18 7:50:13
购买国内免备案空间 | 购买香港空间【不限iis】 | 宽屏网站制作【还送手机网站】 |
香港云主机/99元/月 | 国内空间【免费备案】 | 特价网站空间 |
.Net专用空间 | 网站快速排名 | 游戏空间【支持月付】 |
第一种方法:设置CSS宽度和CSS高度同时为300px和100px,里面放了一张图片(图片原始宽度650px为高度为406px)。并通过CSS固定死图片宽度高度。再把图片的css设置宽度和CSS高度同时为300px和100px。 这样就需要你上传的图片也是这个比例才行。
第二种方法: 设置好固定高度,宽度自动适应。
div css解决IE6支持max-width
一般情况下只需要设置好宽度限制,比如这里只设置最大宽度为300px(max-width:300px),然后对父级使用overflow:hidden隐藏溢出图片,同时为了兼容IE6我们设置个width:expression(this.width > 300 ? "300px" : this.width);或者height:e-xpression(this.height>100?"100px":this.height);。 解决即可。
具体代码:.mianbeian img{max-width:300px;_width:expression(this.width > 300 ? "300px" : this.width);}
这样就可以使上传的图片不变形,兼容各大浏览器不变形,但图片如果太大,可能不是完整显示的。
国内、香港、美国、全免备案www.51mianbeian.com--51网络科技,专业免备案空间提供商!
相关文章