建站常识

使用CSS控制图片等比例缩放

发布时间 | 2014/6/19  点击 | 

img {max-width:1228px; max-height:745px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 1228 ? "1228px" : "auto"):(this.style.height = this.offsetHeight >= 745 ? "745px" : "auto")); display:inline !important;}

将以上的CSS应用到相应的图片上即可使图片等比例缩放了

注意:max-width后面的数值是图片的指定宽度,修改他的值的时候也需要同时修改其他地方相对应的宽度值使其对应
      max-height的值与max-width的值一样。

相关信息