信息动态

网站设计是技术与创意的完美融合!

技术资讯

图片宽度自适应 如何通过css控制

2013-12-30 12:09:23

图片宽度自适应,就是青岛网站建设的图片高度设定好最大值,不超过这个高度,而宽度是自适应的,下面方法是通过css控制这种效果,这种方法能够让通过后台上传的产品图或者新闻图,不至于太大而撑破页面布局,特别实用,代码如下:

.abc{max-width:180px; width: expression(this.width > 180 && this.width > this.height ? 180px : 'auto';);}

效果截图:

图片宽度自适应 青岛网站建设

当然,举一反三,图片高度自使用:

.abc{max-height:180px; height: expression(this.height > 180 && this.height > this.width ? 180px : 'auto';);}

也是一样的,将width和height对调即可。通过css统一控制,后期维护也比较方便。

0532-85810878 473587358 扫码添加微信

扫码添加微信

扫码关注公众号

官方公众号

2054585360