====================
IE6最小高度
.min_height{
min-height:200px;
_height:expression(this.scrollHeight < 200 ? "200px" : "auto");
}
--------------------------------
IE6最大高度
.max_height{
max-height:400px;
_height:expression(this.scrollHeight > 400 ? "400px" : "auto");
}
--------------------------------
IE6最小宽度
max-width: 600px;
_width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
/*_width:expression(document.body.clientWidth < 300 ? "300px" : "auto"); 这是min-width */
--------------------------------
IE6最大最小宽度
.min_and_max_width{
min-width:300px;
max-width:600px;
_width: expression(
document.body.clientWidth < 300 ? "300px" :
( document.body.clientWidth > 600 ? "600px" : "auto")
);
}
--------------------------------
IE6最大最小高度
.min_and_max_height{
min-height:200px;
max-height:400px;
_height: expression(
this.scrollHeight < 200 ? "200px" :
( this.scrollHeight > 400 ? "400px" : "auto")
);
}
====================
分享到:
相关推荐
### 兼容IE的最小最大高度CSS写法详解 #### 一、背景介绍 在Web开发过程中,确保网站能够在各种浏览器上正常显示是一项重要的任务。尤其是对于那些仍需支持Internet Explorer(IE)的老项目,由于IE对现代CSS特性的...
本文将详细解释如何使用CSS为网页设置兼容IE6的最小宽度、最大宽度、最小高度和最大高度。 首先,让我们了解CSS中的`min-width`和`max-width`属性。这两个属性用于设定元素的宽度限制,确保元素不会小于或大于指定...
总结以上知识点,我们了解到在HTML中使用CSS实现图片自适应手机屏幕大小的关键在于使用百分比宽度和自动高度的组合,确保盒模型的一致性,以及通过CSS Reset和重置默认布局减少浏览器间的差异。这些方法共同确保了在...
IE6中min-width 最小宽度不识别的解决办法** 类似地,IE6也不支持 `min-width` 属性。可以通过设置固定宽度或使用 JavaScript 动态调整宽度来解决。 **12. IE6中居中布局问题** 在IE6中,要实现元素的居中布局,...
在网页设计中,经常会遇到需要设定一个div元素同时拥有最小高度并且高度能够根据内容自适应,同时还要求在不同的浏览器下保持一致的显示效果。尤其是在IE(Internet Explorer)和FF(Firefox)浏览器之间,这两款...
这两个CSS属性原本是用于设定元素的最小宽度和最小高度的,确保网页元素在内容较少时也能够保持一定的尺寸,而不是随着内容的减少而变得过于紧凑。这样,当内容增多时,元素的高度或宽度也可以相应地增加以适应内容...
这段代码中,我们使用了 min-width 设置最小宽度,并利用 CSS 表达式来动态控制 IE6/IE7 中的宽度。表达式通过检测视窗的宽度来决定是否应用最小宽度值。当视窗宽度小于 900px 时,_width 表达式会确保宽度不会小于 ...
在网页设计中,`min-width` 和 `max-width` 是两个非常重要的CSS属性,它们用于定义元素的最小和最大宽度,以确保元素在不同屏幕尺寸和设备上保持良好的布局和可读性。然而,这两个属性在早期的Internet Explorer...
通过这种方式,可以在IE下正确应用最小宽度和最小高度。 ##### 6. 页面的最小宽度问题 **问题描述**:`min-width`是一个有用的CSS属性,但在IE下不被支持。 **解决方案**: ```css #container { min-width: 600...
页面的最小宽度 - **IE下的解决方案**: ```css #container { min-width: 600px; width: expression(document.body.clientWidth ); } ``` ##### 8. DIV浮动IE文本产生3像素的bug - **IE下的解决方案**: ...
**技术要点:** `min-height`属性在CSS中用来设置一个元素的最小高度。但在某些旧版浏览器(如IE6)中,该属性可能无法正常工作。可以通过特定的技巧来实现跨浏览器兼容性。 **示例代码:** ```css selector { min...
然而,由于不同浏览器对 CSS 规范的支持程度不一,尤其是在 Internet Explorer(尤其是 IE6)中,这种行为可能无法正确表现。IE6 不支持 `min-height` 属性,这是导致问题的一个常见原因。 1. 使用 `min-height` 与...
`min-height`属性在CSS中用于定义元素的最小高度,当内容超过这个最小高度时,元素高度会自动扩展。Firefox浏览器很好地支持`min-height`属性,然而IE浏览器在旧版本中并不识别此属性。为了解决这个问题,我们可以...
对于设置较小高度的标签,如小于10px,IE6和IE7可能超出设置高度。可通过`overflow:hidden;`或设置较小的`line-height`来避免这个问题。 5. **行内属性标签的float和margin问题**: 行内元素如`span`在设置`...
` 是针对IE6的特殊写法,`\9` 表示IE6及以上版本可以识别该规则。 #### 2. 在IE中隐藏CSS 有时候我们需要让某些样式仅在非IE浏览器中生效。可以通过以下方法实现: ```css html > body #box {} ``` 这段代码仅在...
- **IE盒子模型**(低版本IE):宽度包括内容、边框和内边距,这会导致页面布局差异。 **02、CSS选择符有哪些?哪些属性可以继承?** - **CSS选择符**:ID选择符(`#id`)、类选择符(`.class`)、元素选择符(`...