IE6不适用CSS中的min

2021-01-20 15:22 jianzhan
这么好的英语的语法,恰恰IE 6不适用,但是说不适用也禁止确,客观事实上IE6自身在特定height与width的值时,就具备min-width和min-height的特点,只是假如单纯性用height或width来特定,到了Firefox或IE 7时,又会把它作为是锁死的值,不容易因内容提升而扩张元素的box。
处理的方式先看英语的语法。
最少高宽比的解決

拷贝编码
编码以下:

.Elm {
min-height:100px;
height: auto !important;
height: 100px;
}

最少宽度的解決

拷贝编码
编码以下:

.Elm {
min-width:100px;
width: auto !important;
width: 100px;
}

里边的秘诀,是先运用较新的访问器鉴别min-width/height,透过它来特定值,而IE6则是透过width/height赋值。
但是这里有个矛盾,便是新的访问器也鉴别width/height,因而min-width/height会被width/height改变,解決的方法,便是正中间那1行。
height: auto !important;(和width: auto !important;)
因为它标识!important,因此下面那行height没法替代上面这1行,看法变为新的访问器忽略掉第3行,而让高宽比不会受到第3行危害。
此外因为IE6不鉴别 min-height和 !important特性,因此它還是取第3行的英语的语法,这样便可以客客气气,皆大欢喜2。