加拿大预测网-在线预测

信息动态

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

技术资讯

图片宽度自适应 如何通过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