`

IE6下的min与max 高与度

阅读更多

不知道MS啥时能把IE6给撤了。这次主要讲的是ie6不支持min-width与min-height的问题。


原则上来讲ie6会根据内容的高与度来自动调节大小的,但是有时候我们会遇到这种情况。就是想让这个层在美观方面能够让他长点或者宽点这样会更好看些,所以我们必须在他原有的内容上再多加些宽度与高度。所以就产生了我们今天这个话题。


一般我们会这样写:

{

     min-height:300px;/*这样其它浏览器,在这个问题上都解决了,就是ie6不能解决这个问题*/

     _height:300px;    /*这样只能是暂时性的解决ie6的问题*/

     height: expression( document.body.clientWidth > 699 ? "700px" : "auto" ); /* sets max-width for IE */

}

ok

分享到:
评论

相关推荐

    兼容IE的最小最大高度CSS写法

    在这种情况下,我们可以结合使用`min-width`、`max-width`(或者`min-height`、`max-height`)和IE专有的`_width`(或`_height`)属性。 ```css .min_and_max_width { min-width: 300px; /* 最小宽度 */ max-width...

    兼容IE6、IE7的min-width、max-width写法

    通过这些兼容性技巧,我们可以在不支持`min-width`和`max-width`的IE6和IE7浏览器中实现类似的功能。然而,需要注意的是,`expression`表达式在性能上较差,可能导致页面加载缓慢或者在某些情况下引起浏览器崩溃。...

    让IE6支持最小高度min-height、最大高度max-height的方法

    1、IE6支持max-height解决方法 IE6支持最大高度解决CSS代码:  复制代码代码如下:.yangshi{max-height:1000px;_height:[removed](document.documentElement.clientHeight||document.body.clientHeight)<1000?”...

    解决IE6兼容问题的十一大技巧

    9. **最小宽度(min-width)**:与`max-height`和`max-width`类似,IE6也不支持`min-width`。同样可以使用JavaScript进行处理: ```javascript function setMinWidth(elementId, width) { var container = document...

    让IE6支持min-width和max-width的方法

    说明:让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性 代码如下: @if (@_win32 && @_jscript_version>4) var minmax_elements; minmax_props= new Array( new Array(‘min-width’, ‘minWidth’), new ...

    让IE6支持min-width最小宽度

    描述中提到,虽然`min-width`、`min-height`、`max-width`和`max-height`等属性在CSS规范中早已存在,但它们在早期浏览器中的支持度并不高。IE6作为曾经广泛使用的浏览器,它的市场份额大,但缺乏对这些属性的支持,...

    IE 6不支持min-height或max-width等属性的完美解决方案

    坑人的IE6,不支持min-height,但是实际操作中,这个属性是非常需要的。那IE6下面怎么实现呢?请看geniusalien提供的完美解决方案: (geniusalien温馨提示:本文的min-height操作方式试用于min-width、max-width、...

    IE6支持max-width/height与min-width/height(完美解决方案)

    IE6作为一款老旧的浏览器,对CSS的支持存在诸多限制,尤其是对于CSS3中的新特性,例如max-width和max-height等,都不被IE6原生支持。尽管如此,开发者们依然找到了一些方法来模拟这些功能,以确保网页在IE6中也能有...

    IE6-IE11兼容性问题列表及解决办法

    IE6对于CSS的支持非常有限,例如不支持浮动元素的`clear:both`属性,不理解`min-height`和`max-height`,且对盒模型的理解与W3C标准不符,导致布局混乱。解决这些问题通常需要使用特定的hack技巧,如使用`_width`...

    DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf

    - IE6不支持同时设置`min-height`和`max-height`,以及`min-width`和`max-width`,但可以通过JavaScript或表达式来实现类似功能。 这些技术是前端开发者在处理跨浏览器兼容性时经常使用的,尤其是对于那些仍然需要...

    CSS的最大高度、最小高度及宽度在IE6下没有效果问题

    这给开发者带来了不小的困扰,因为无法在IE6下实现预期的样式效果。 解决这个问题的一个常见方法是使用IE6特有的`expression`特性。`expression`允许我们将CSS属性与JavaScript脚本关联起来,使得CSS的值可以由...

    让IE6支持兼容min-width、max-width CSS样式属性的方法

    下面我们将详细介绍如何使IE6支持`min-width`和`max-width`,并提供相应的解决方案。 1. **IE6 支持 `max-width` 的解决方法** IE6 不支持标准的 `max-width` 属性,但可以通过使用特定的IE私有属性 `_width` 和 ...

    IE6_IE7_IE8 CSS 兼容速查表

    8. `min-width`和`max-width`:IE6不支持这两个属性,可以使用`_width`(仅IE6识别)和条件性注释来模拟效果。 9. `text-shadow`和`box-shadow`:IE6-8不支持阴影效果,可以使用JavaScript库或者图片替换方法来实现...

Global site tag (gtag.js) - Google Analytics