|

图片等比缩小的CSS解决方法

在网站开发的时候 很多人都遇到了 大图片把网页的布局 撑乱 撑爆 ,直接影响到了网页的美观。本人之前也遇到同样的问题,在网上也找了不少方法,觉得CSS是最好用的,特意分享给大家~

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

这里主要是将 宽和高 大于500的图片 等比缩小,宽和高最大 500

引用这个后 作用于网页中所有 img 标签 也可以自己重新定义类 很方便

根据自己的需要 修改 里面的数值 记得要修改完全

类似文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注