IE6不支持min-height或max-width等完美解决方法

转载 于 2021-10-04 14:04:59 发布 · 142 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
原文链接：https://www.codeprj.com/blog/345a871.html
标签
#CSS精品收藏
本文介绍了在IE6浏览器中解决min-height和max-width属性不兼容问题的完美方法，通过特定的CSS hack和技巧，确保在保持布局兼容性的同时，实现期望的样式效果。
xuan2717
关注
ie6不支持max-width的解决方案
iteye_15700的博客
06-21 190
由于ie6不支持max-width属性，所以只有通过js来实现 第一种是利用css中的expression来实现例如 _width: expression(this.offsetWidth > 500 ? "500px" : this.offsetWidth + "px"); 可是这种方法很有可能造成浏览器的崩溃，很耗资源，而且会出现不可预料的错误 第二种就是在js函数中调用： 比如如果...
min-width、max-width兼容IE6、IE7的解决方法
xjun0812的博客
12-25 9611
很多时候，我们会想要设置容器的最小宽度或最大宽度，但IE6不支持min-width、max-width属性怎么办？IE7以上虽然支持min-width、max-width，但是容器要设置display才行，如果不需要浮动，IE7又不支持display:inline-block，那又怎么办？
IE min-width 与 max 无效解决方法
封神之路~
03-21 2862
<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” );
关于max-width：100% 不兼容的问题
03-12 1万+
在IE8中经常遇到的问题就是max-width，网页中图片的尺寸可能比较宽，我会给它设置max-width: 100%来限制其宽度最大为父容器的宽度，但是有时候却不奏效，慢慢摸索才得知IE解析max-width所遵循的规则：严格要求直接父元素的宽度是固定的。经实验发现Chrome所遵守的规则比IE松一些，所以这个问题应该不归属为IE兼容性问题，不过我还是提一下吧。分享两个我遇到的场景： （1）t
max-width:100%在td 或 table-cell 的兼容解决办法
cc蒲公英的博客
08-24 7278
一直没太注意有这个坑，td或者table-cell的元素里，如果没有指定容器宽度，那么容器里的img标签max-width:100% 在IE7-11，以及firefox下会不理会max-width的限制，例如： max-width:100%不兼容小笔记-练小习 *{ margin: 0; padding: 0; border:0; } .img-wr
IE 6不支持min-height或max-width等属性的完美解决方案
Mr_linjw的专栏
06-25 1245
 （本文的min-height操作方式试用于min-width、max-width、max-height。一样按下面的解决方案进行！）  第一种方法：我们可以利用IE6不识别!important来实现：  复制代码 代码如下: height:auto !important;  height:100px;  min-height:100px;  这
IE6、IE7、IE8 CSS Bug兼容解决记录
06-05 242
1：li边距“无故”增加 任何事情都是有原因的，li边距也不例外。 先描述一下具体状况：有些时候li边距会突然增 加很多，值也不固定（只在IE6/IE7有这种现象），让人摸不着头脑，仔细“研究”发现是由于其低级元素ul的padding引 起，padding的上下值对li有影响，左右无影 响。所以只好笨手笨脚地把padding去掉，换成margin。这是能解决问题，但往往不是我们想...
IE兼容问题
chucui3393的博客
11-26 180
1. hover：IE6及以下只有a支持，其他标签不支持hover。 解决：网上下载csshover.htc代码文件并引用：body{behavior:url(css/csshover.htc);} PS: 在引用 csshover.htc 时，不管你是在 css 文件里面...
IE6不支持max-width和min-height解决方法
hugejihu9的专栏
10-09 296
如果图片或内容大于设置的宽度IE6就会撑破设置的宽度和高度，这是我们可以利用这一点加上IE6独特CSS识别符合“_”来解决问题   比如我们一个网页要设置个最小高度为500px才好看，但是IE6不支持怎么办呢？ 正好我们就利用CSS属性从左到右读取、从上到下的重复属性替换最下最右的CSS属性值。   解决： .divcss5 {min-height:500px;_height:500p...
解决IE6不支持min-width和不支持max-width的方法。
zengyonglan的博客
10-12 969
1.IE6支持max-width解决方法 IE6支持最大宽度，解决CSS代码：.yangshi{ max-width:1000px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":""); overflow:hidden; }说明： max-wid
jquery实现图片等比例缩放，解决max-width在ie中不兼容问题
前端岚枫
09-18 4008
上次用原生的JavaScript实现的图片等比例缩放，max-width和max-height在ie6中不兼容问题，今天用jQuery实现了这些问题 jQuery部分代码   $(document).ready(function(){       var maxWidth=$(".imgBox").width();       $("img").each(functio
设置max-width以及min-width兼容问题和解决方案
张许许的博客
06-08 9247
例子1 style="width:300px;min-width:195px;max-width:100%" 例子2 <el-input placeholder="输入消费机名称,多个用(,)英文号隔开" style='width:230px;min-width: 100px;max-width: 100%;' size="mini" v-model="DB_search.dName"&g...
img max-width:100% IE不起作用
Red_Liu
04-08 1994
场景： <div> css设置属性为：display:table； <img> css 设置属性为：max-width:100%； max-width:100% 在IE11,IE10 下失效； 解决方法： 针对IE的特性进行书写，注意先后顺序： display: table; display:block\0; ...
ie中html设置宽度但是无效,IE6中min-width无效的解决方法 - YangJunwei
weixin_29648175的博客
06-03 721
问题来源于对dvbbs模板的修改，发现它的CSS对整体宽度控制是很简单的，原代码如下：.mainbox { margin-top:10px; width:97%; min-width:960px; clear:both;}当改动其中的97%时，对正屏用户在IE6中会出现页面的扭曲，改动如下：.mainbox { margin-top:10px; width:97%; min-width:960px...
IE和firefox max-width 属性兼容性问题
起點ing 的专栏
05-17 1616
在firefox里，有个max-width属性，但是IE不支持，那怎么办呢，就这么办，如下： width:expression(this.width>640?640:true); 这个ie firefox都支持
在table设置max-width以及min-width兼容问题和解决方案
热门推荐
icesschen的博客
09-05 1万+
在table中设置min-width和max-width属性 12/tr>table{min-width:60%;min-width:100%;}但是chrome不兼容max-width，ie7两者都不兼容。解决方案：在table外层包一个div，在div上设置min-width和max-width 12/tr> .table-wrap{width:500px;min-width:60%;mi
css max-width无效,css image max-width不适用于Firefox/IE
weixin_36201981的博客
08-04 1035
HTML： asdad asd asd asd sadadada ad sad asd asd asd asd sadasdaad adsa dasd saCSS：html, body {height: 100%;}#contentwrap {display: table;height: 100%;max-width: 500px;margin: 0 auto;position: re...
让IE支持max-width
weixin_30645617的博客
07-24 252
1：expression在FF下不支持 2：*html内的width不要带单位（px）。 3：width:expression(eval(this.offsetWidth>1600?1600:this.offsetWidth));可同样换成width:expression(eval(this.offsetWidth>1600?1600:auto));...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值