css 图片等比例缩放

/* for firefox & ie7 */

 代码如下 复制代码
* html .thumbimaged
{
/* for ie6 */
width: expression(this.width > 650 && this.width > this.height ?    "650px" :auto);
height: expression(this.height > 650 ?   "650px" :auto);
}

方法二

 

 代码如下 复制代码
* html .thumbimg {width: expression(this.width > 530 && this.width > this.height ? "530px" :auto); height:expression(this.height >530 ? "530px":auto);}/* for ie6 */

方法三

 代码如下 复制代码
width: expression(this.width >150 && this.width > this.height ? "150px" : "auto");
height: expression(this.height >48 ? "48px" : "auto");

 

 

时间： 2024-09-13 13:02:32

css 图片等比例缩放的相关文章

CSS图片等比例缩放代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.111cn.net/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="conte

四款css 图片按比例缩放实例(兼容ie6,7,firefox)

使用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中嵌入网页特效 code 来实现图片的缩放 .thumbimage {max-width: 100px;max-h

css图片等比例缩放实例

 代码如下 复制代码 <style type="text/css"> .thumbImage img{ MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important; } .thumbImage {MARGIN: auto;WIDTH: 600px;} *html.thumbIm

css图片按比例缩放实现程序

在FF , OPERA , SAFARI , IE7 , IE8 方法如下:  代码如下 复制代码   img{max-width:100px;max-height:100px;} img{min-width:100px;min-height:100px;} IE6及其以下版本的浏览器,利用其支持的expression属性:    代码如下 复制代码 * html img { /* for IE6 */ width: expression(this.width > 100 && th

jquery实现图片等比例缩放

 用原生的JavaScript实现的图片等比例缩放,max-width和max-height在ie6中不兼容问题,今天用jQuery实现了这些问题 jQuery部分代码 <script type="text/javascript"> $(document).ready(function(){ var maxWidth=$(".imgBox").width(); $("img").each(function(){ if(!$.suppo

Android开发之imageView图片按比例缩放的实现方法_Android

本文实例讲述了Android开发之imageView图片按比例缩放的实现方法.分享给大家供大家参考,具体如下: android:scaleType可控制图片的缩放方式,示例代码如下: <ImageView android:id="@+id/img" android:src=\'#\'" /logo" android:scaleType="centerInside" android:layout_width="60dip"

jquery实现图片等比例缩放以及max-width在ie中不兼容解决_jquery

上次用原生的JavaScript实现的图片等比例缩放,max-width和max-height在ie6中不兼容问题,今天用jQuery实现了这些问题 jQuery部分代码 复制代码 代码如下: <script type="text/javascript"> $(document).ready(function(){ var maxWidth=$(".imgBox").width(); $("img").each(function(){

几款js图片等比例缩放效果代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/ 1999/xhtml"> <head> <meta http-equiv="cont

PHP实例————图片等比例缩放功能

在网站开发的过程中,经常要对一些图片进行一些处理,比如说缩放,裁剪,加水印等等.当然这些功能不仅仅可以用在开发网站的过程中,平时需要对图片做一些处理的时候,把这个功能封装到函数中去,要处理图片的时候,根据自己的要求在函数中添加需要的参数不就搞定了么.虽说这个对于小白来说可能一下子上来就点困难,但是一回生二回熟嘛.好了,进入正题.今天分享一个图像等比例缩放的函数.需要中的同学可以稍作修改,然后自己拿去用,就省的自己写了(大神请无视). 1.首先,了解一下图片缩放中多需要的函数 有不太明白的可以用p