文档章节

兼容各浏览器的css设置最大宽度和高度

silencewen
 silencewen
发布于 2014/06/11 15:32
字数 142
阅读 21
收藏 0
<script type="text/javascript"> 
Object.MAX_WIDTH = 300; 
Object.MAX_HEIGHT = 130; 
</script>

<style type="text/css"> 
   #pic{ 
    max-width:300px; 
    max-height:130px; 
    width: expression(this.width > Object.MAX_WIDTH && this.width / Object.MAX_WIDTH >= this.height / Object.MAX_HEIGHT ? Object.MAX_WIDTH : true); 
    height: expression(this.height > Object.MAX_HEIGHT && this.width / Object.MAX_WIDTH < this.height / Object.MAX_HEIGHT ? Object.MAX_HEIGHT : true); 
   } 
</style>

上面方法测试可用,还有两种方法未测试

方法一
.resize img { width: expression(this.width > 680 ? 680 : true); max-width: 680px; height: expression(this.height > 500 ? 500 : true); max-height:680px;}

方法二
.resize img {max-width: 680px;max-height: 680px;} /* for Firefox & IE7 */
* html .resize img { /* for IE6 */
width: expression(this.width > 680 && this.width > this.height ? 680 : true);
height: expression(this.height > 500 ? 500 : true);
}


本文转载自:http://wah199.blog.163.com/blog/static/20323811020127265145953/

共有 人打赏支持
silencewen
粉丝 0
博文 38
码字总数 5077
作品 0
广州
程序员
min-width最小宽度与max-width最大宽度

一、实际应用说明 最小宽度(min-width)与最大宽度(max-width)用于设置图片最小最大宽度限制比较多。比如一个图片为主列表,对象里图片大小不定时候,为了不想让他太小不统一这个时候我们可以...

乱世中的单纯
2016/01/18
45
0
响应式设计之媒体查询

今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。 准备工作1:设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码,来兼容移动设备的展示效果: 这段代码的几个...

独孤蝈蝈
2016/10/25
19
0
css判断不同分辨率显示不同宽度布局实现自适应宽度

1、DIVCSS小案例描述 我们首先设置一个DIV盒子CSS命名为“.abc”,设置其高度为300px,css边框为黑色;以及设置margin:0 auto布局居中。预先设置这两个样式是为了便于观察。 我 们通过手动拖...

梦梦阁
2015/08/03
0
0
转载 div+css浏览器兼容实例二:css hack的理解

上周给大家转载了《Div+css浏览器兼容实例分析(一)》,今天继续给大家转载《div+css浏览器兼容实例二:css hack的理解》。 先来说一下什么是css hack ,写了这么久的div+css代码,我还真不...

oecp
2011/06/07
0
0
IE6终极备忘:修复IE6下 25+ Bugs

作者: xcntime 发表于 2010-08-11 10:49 原文链接 阅读: 0 评论: 0 [译]IE6终极备忘:修复IE6下 25+ Bugs 2010年01月08日 | HTML/CSS, JavaScript 去年就想将IE的bug系统地整理下,但一直都忙...

xcntime
2010/08/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

TypeScript基础入门之高级类型的字符串字面量类型

转发TypeScript基础入门之高级类型的字符串字面量类型 高级类型 字符串字面量类型 字符串字面量类型允许你指定字符串必须的固定值。 在实际应用中,字符串字面量类型可以与联合类型,类型保护...

durban
23分钟前
2
0
iOS权限授权添加

<!-- 相册 --> <key>NSPhotoLibraryUsageDescription</key> <string>App需要您的同意,才能访问相册</string> <!-- 相册写入 --> <key>NSPhotoLibraryAddUsageDescription</key> <string>App......

RainOrz
27分钟前
1
0
支配树(Dominator Tree)

MAT中的支配树 在使用MAT分析项目的内存泄漏问题时,其中有一个支配树(Dominator)视图。如果我们把Java对象之间的引用关系看做一张有向图(可以存在环)的话,对象的支配树体现了对象之间的...

akane_oimo
29分钟前
1
0
xshell官网下载及安装(免费版本)

百度搜索xshell,点击xshell官网下载链接,如图 然后点击下图的按钮 点击Latest Products,可以下载最新版本,选择要下载的版本,点击下载 选择上面红框里面的,并填写内容,submit之后会有邮...

曾大大胖
33分钟前
2
0
Android 调用系统分享文字、图片、文件,可直达微信、朋友圈、QQ、QQ空间、微博

兼容SDK 18以上的系统,直接调用系统分享功能,分享文本、图片、文件到第三方APP,如:微信、QQ、微博等 因为偷懒,可直达微信、朋友圈、QQ、QQ空间、微博的分享仅写了图片分享的,其他的文本...

她叫我小渝
35分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部