css自动限制图片大小

简单是max-width:560px就可完成图片最大宽度得限制，但是由于ie6不支持max-width只能通过expression来实现。

代码如下：
img {max-width:400px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 400 ? "400px" : "auto"):"auto"); display:inline !important;}

控制图片宽度高度超过400px自动转换400px 并且等比例缩放

转载于:https://blog.51cto.com/boyzhou99/477026

css自动限制图片大小相关推荐

html怎么改变图片整体大小,css怎么改变图片大小？
css怎么改变图片大小?下面本篇文章就来给大家介绍一下使用css改变图片大小的方法,希望对大家有所帮助. 在HTML页面中,图片的显示方法有两种,分别为:img图片,background(背景)图片. ...
css改变鼠标图片大小,CSS实现鼠标经过图片上图片等比缩放效果（代码实例）
本篇文章给大家带来的内容是关于如何使用CSS实现鼠标经过图片上图片缩放(缓慢变化,有过渡效果,缩放的过程是有动画过渡的)效果,主要用到CSS transform属性,css3 transition属性 ...
css更改背景图片大小
最近项目中的一个页面用到的图片要比原图小很多,但是这个图片是以一个标记的背景图显示的,不能像在中那样直接设置width.height的值来决定图片显示的大小,最后从网上查到可以使用background ...
asp.net上传图片文件自动修改图片大小代码
#region 图片缩放/// <summary>/// 图片缩放/// </summary>/// <param name="savePath"&g ...
html 图片自动裁剪,如何用CSS自动裁剪图片 - Thomas'博客
width:100%; height:0; padding-bottom: 100%; overflow:hidden; background-position: center center; bac ...
android 图片自动裁剪图片大小,android调用原生图片裁剪后图片尺寸缩放的解决方法...
在安卓开发中,如果对拍照后的图片进行图片裁剪,如果是调用系统的裁剪,如下: /* * 裁剪图片 */ private void cropPhoto() { Intent intent = new In ...
div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧
div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧在DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小,但图片占位是固定宽度高度,这个时候如果使用CSS固定 ...
div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧（转）
本人对前端处理不是很牛,所以转载这文章.原文地址:http://www.divcss5.com/wenji/w632.shtml DIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小 ...
用css控制背景图片的位置，大小
引用连接:http://hi.baidu.com/dengdan1025/blog/item/c3463bfba4c3969158ee90d5.html 对于图片,首先我们先想到是背景图片.因为我们许 ...

css自动限制图片大小

css自动限制图片大小相关推荐

最新文章

热门文章