ie不支持max-height的解决之法

最新推荐文章于 2022-12-09 14:13:51 发布
最新推荐文章于 2022-12-09 14:13:51 发布
阅读量5.6k 收藏
点赞数
分类专栏： 一些脚本和样式 文章标签： ie firefox div 2010
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/windxxf/article/details/5861442
版权

ie不支持max-height的解决之法

.div{ max-height: 100px; _height:expression(this.scrollHeight > 100 ? "100px" : "auto"); overflow-y:auto; } 这样就可以让div在ie和firefox中都实现max-height的效果

.div{ max-height: 100px; min-height:60px; _height:expression(this.scrollHeight > 100 ? "100px" : ( this.scrollHeight < 60 ? "60px" : "auto")); overflow-y:auto; } 这样就可以让div在ie和firefox中都实现max-height和min-height的效果


摘自：http://zwm1104.blog.163.com/blog/static/1147333220103123839613/

windxxf
关注
专栏目录
CSS的最大高度、最小高度及宽度在IE6下没有效果问题
12-10
在写CSS的时候我们就会发现max-height、min-height、等属性在IE6底下是没有效果的。 这个时候怎么办呢 这个时候我们就可以针对IE做出专门的设置 宽度 复制代码代码如下: _width:[removed]document.body.clientWidth < 300 ? “300px” : “auto”); 高度 复制代码代码如下: _height:[removed]this.scrollHeight < 200 ? “200px” : “auto”); 解释一下这个expression是什么 这个是一个用来把css属性和javascript脚本关联
利用JS解决ie6不支持max-width,max-height问题的方法
10-26
为了解决IE6不支持max-width和max-height的问题，可以采用JavaScript进行替代实现。原生JavaScript提供了丰富的DOM操作接口，通过这些接口可以对页面元素的尺寸进行动态控制。例如，可以通过获取元素的宽度和高度，...
IE6支持max-height、min-height CSS样式
Java/Android/IOS/前端/云计算
02-11 601
让IE6支持max-height、让IE6支持min-height样式属性方法教程 我们在写CSS的时候，常常会遇到让一个图片或一个布局不能超出设定一定高度范围值，有时也需要设置一个最小高度值，以达到对齐等样式。接下来由DIVCSS5为大家总结的如何解决IE6不支持max-height和不支持max-height的方法；IE6 max-height、min-height不支持解决方法。 目录
max-height 兼容ie
lixiaohua66的博客
12-09 503
div{ max-height : 100px; _height:expression((document.documentElement.clientHeight||document.body.clientHeight)<100px?"100px":""); overflow:hidden; }
IE6不支持max-width和min-height解决方法
hugejihu9的专栏
10-09 220
如果图片或内容大于设置的宽度IE6就会撑破设置的宽度和高度，这是我们可以利用这一点加上IE6独特CSS识别符合“_”来解决问题   比如我们一个网页要设置个最小高度为500px才好看，但是IE6不支持怎么办呢？ 正好我们就利用CSS属性从左到右读取、从上到下的重复属性替换最下最右的CSS属性值。   解决： .divcss5 {min-height:500px;_height:500p...
IE 6不支持min-height或max-width等属性的完美解决方案
12-02
坑人的IE6，不支持min-height，但是实际操作中，这个属性是非常需要的。那IE6下面怎么实现呢？请看geniusalien提供的完美解决方案： （geniusalien温馨提示：本文的min-height操作方式试用于min-width、max-width、...
IE6支持max-width/height与min-width/height(完美解决方案)
09-25
IE6作为一款老旧的浏览器，对CSS的支持存在诸多限制，尤其是对于CSS3中的新特性，例如max-width和max-height等，都不被IE6原生支持。尽管如此，开发者们依然找到了一些方法来模拟这些功能，以确保网页在IE6中也能有...
解决IE6下height=0失效
u011282541的专栏
12-24 322
IE6 下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 DIV 的时候， IE6 会固执的认为这个层的高度不应该小于字体的行高。 解决办法：font-size:0; line-height:0; overflow:hidden;
IE min-width 与 max 无效解决方法
封神之路~
03-21 2759
<br />min-width<br /> <br />_width:expression((documentElement.clientWidth < 1008) ? "1008px" : "auto" );<br /> <br /> <br /> <br />max-width<br />_width:expression((documentElement.clientWidth >600) ? “600px” : “auto” );
兼容IE的最小最大高度CSS写法
10-25
兼容IE的最小最大高度CSS写法
jquery实现图片等比例缩放，解决max-width在ie中不兼容问题
前端岚枫
09-18 3780
上次用原生的JavaScript实现的图片等比例缩放，max-width和max-height在ie6中不兼容问题，今天用jQuery实现了这些问题 jQuery部分代码   $(document).ready(function(){       var maxWidth=$(".imgBox").width();       $("img").each(functio
html设置maxheight无效,layer设置maxWidth及maxHeight解决方案
weixin_42636895的博客
06-05 1168
layer介绍layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站。area属性layer的宽高是通过area属性设置，例如 area:[‘300px',‘600px']，表示定义宽300px；高600px的弹出层；默认设置：layer宽高都自适应的，即area默认值为‘auto'。ma...
关于父级元素给定max-height，子级元素高度设置百分比失效的解决方案
最新发布
yanyan13840132的博客
12-09 2566
关于父级元素给定max-height，子级元素高度设置百分比失效的解决方案
如何让ie兼容max-height，和min-height属性
kongjiea笔记
09-19 5244
IE6支持最大宽度：.yangshi{max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)
android:maxHeight，android:maxWidth失效
热门推荐
Zhang Phil
08-20 2万+
在Android的布局文件中，设置某一个view的最大宽和最大高，比如ImageView，如果仅仅这么做： android:maxHeight="25dip" android:maxWidth="25dip" 没有作用，完全失效。原因是：仅仅设置view的maxHeight和maxWidth是没有用的，必须同时联合设置： android:adjustViewBounds="true"
IE6 max-width max-height 不起作用 解决其兼容性问题
weixin_30809333的博客
06-19 165
.catelistdlddulliimg{width:expression(this.width>228?'228px':true);max-width:228px;height:expression(this.height>160?'160px':true);max-height:160px;}解决上传图片过大遮挡问题 ...
IE浏览器CSS问题解决方案汇总
IE6不支持`min-width`和`max-width`，可以使用CSS表达式(`expression`)来模拟这些效果： ```css .layout { width: expression(this.clientWidth ); /* max-width */ min-width: 400px; /* 对其他浏览器生效 */ } `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值