css在firefox及IE6中最少高宽比怎样设定

2021-01-20 12:33 jianzhan
在css中IE6其实不适用min-height,因此必须对IE6开展独立设定,height在IE6中即便是超出固定不动的高宽比,IE6中也会全自动撑开,此难题甚是疑虑

拷贝编码
编码以下:

#main{     
    min-height:320px; //用于firefox
    _height:320px; //用于IE6
}


当设定某1个地区的最少高宽比为某个值的情况下,在Firefox、IE6和IE7中的主要表现其实不1样。假如只是设置了min-height值,那末在IE6中不可以鉴别;但设置了height值,在 IE7和Firefox中,部位就会固定不动了。这是1个很大的难题。那末以便融洽各个访问器和各个版本号,大家如何做才可以处理最少高宽比的难题呢?
我在互联网上找寻了1些有关材料,有1种处理方式较为好:

拷贝编码
编码以下:

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

!import(优先选择)标识在IE6中其实不了解,因此在IE6中上述编码会被了解变成:

拷贝编码
编码以下:

height:100px;
min-height:100px;

而在IE7中则是:

拷贝编码
编码以下:

height:auto;
min-height:100px;

在这里,大家所运用的特点是:
IE6不可以鉴别 !important 标识;
IE6不可以鉴别 min-height 标识;
IE6中的高宽比(height)标识的最后实际效果等同于于IE7与Firefox访问器中的最少高宽比(min-height)标识;
最后即可以处理上述难题。
另外一種方式: (這個看不懂,不過能够用)

拷贝编码
编码以下:

.autoheight{ min-height:200px; height:200px;}
[class].autoheight{height:auto;}