CSS控制图片成比例缩放

2016-02-19 19:46 24 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐CSS控制图片成比例缩放,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

  按比例缩小或者放大到某个尺寸,对于标准浏览器(如Firefox),或者最新都IE7浏览器,

  直接使用max-width,max-height;或者min-width,min-height的CSS属性即可。如:

img{max-width:100px;max-height:100px;}
img{min-width:100px;min-height:100px;}

  对于IE6及其以下版本的浏览器,则可以利用其支持的expression属性,在css code中嵌入javascript code

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  来实现图片的缩放

.thumbImage {max-width: 100px;max-height: 100px;} /* for Firefox & IE7 */
* html .thumbImage { /* for IE6 */
width: expression(this.width 100 && this.width this.height ? 100 : auto);
height: expression(this.height 100 ? 100 : auto);
}

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

来源:https://www.tulaoshi.com/n/20160219/1621772.html

延伸阅读
标签: Web开发
 当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。     把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。     对于IE 6.0及以下版本,以上两条CSS属性均不会被理会...
标签: Web开发
当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。 对于IE 6.0及以下版本,以上两条CSS属性均不会被理会。之前处理这种事情,我们往往会借助Javascript...
标签: Web开发
当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。 把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width和max-height两条CSS属性即可。 对于IE 6.0及以下版本,以上两条CSS属性均不会被理会。之前处理这种事情,我们往往会借...
标签: flash教程
制作方法: 首先,我这里是建的场景大小是:550*400,然后找两副自己喜欢的图片(不喜欢也行),新建一元件,把其中一副图片居中放入第一桢,再把另一副图片居中放入第二桢,分别设置第一桢和第二桢上的动作为: stop() 好了,回到主场景中: 将刚才建的元件拖入场景中居中放置,接着新建一层,时间桢上写入as: MovieClip.prototype.setBri...
标签: 浏览器
ie浏览器怎么开启图片缩放比例功能   在windows系统,如果我们电脑中没有安装图片预览工具时,通常情况下默认使用IE浏览器打开图片,但是如果用户所打开的图片大小超过了电脑显示器的大小,那么我们无法再显示器中无法看到完整的图像,这时就需要用到IE浏览器中的图像调整功能了,从而实现图片自动缩放的功能,那么如何在IE浏览器中设...

经验教程

769

收藏

52
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部