CSS- 控制图片显示指定大小 并超过大小自动缩小
有时候利用css比较方便控制网页html中img图片的显示大小。这样也省得自己一个一个去定义。
img,a img{ border:0; margin:0; padding:0; max-width:600px; width:expression(this.width>600?"600px":this.width); max-height:600px; height:expression(this.height>600?"600px":this.height); }
这样当我们的图片高度 宽度 超过600时 就默认把 高 宽 限定在 600
img,a img{ border:0; margin:0; padding:0; max-width:650px; width: expression(this.width > 650 && this.width > this.height ? 650px : 'auto';); max-height:1650px; height: expresion(this.height > 1650 ? 1650px : 'auto';); }
某些情况使用上面的css 访问页面是 图片会变成小图,如出现问题 可以按照下面替换下
width:expression(this.width>600?"600px":this.width); 改成 width:expression(this.width>600?"600px":auto); height:expression(this.height>600?"600px":this.height); height:expression(this.height>600?"600px":auto);
- 上一篇 »HTML5 手机端动态适配
- 下一篇 »Linux系统——文件系统与LVM 逻辑