兼容各浏览器的css设置最大宽度和高度
兼容各浏览器的css设置最大宽度和高度
silencewen 发表于4年前
兼容各浏览器的css设置最大宽度和高度
  • 发表于 4年前
  • 阅读 18
  • 收藏 0
  • 点赞 0
  • 评论 0

【腾讯云】如何购买服务器最划算?>>>   

摘要: 兼容各浏览器的css设置最大宽度和高度
<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);
}


共有 人打赏支持
粉丝 0
博文 11
码字总数 5077
×
silencewen
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: