`
kkvsyy
  • 浏览: 30262 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

IE 中的最大最小寬度和高度 css 高度 (兼容版本)

    博客分类:
  • CSS
CSS 
阅读更多
/* 最小寬度 */
.min_width{
    min-width:300px;  /* sets max-width for IE */
    _width:expression(document.body.clientwidth < 300 ? "300px" : "auto");
}
 
/* 最大寬度 */
.max_width{
    max-width:600px;  /* sets max-width for ie */ 
    _width:expression(document.body.clientwidth > 600 ? "600px" : "auto");
}
 
/* 最小高度 */
.min_height{ 
    min-height:200px;  /* sets min-height for ie */ 
    _height:expression(this.scrollheight < 200 ? "200px" : "auto");
}
 
/* 最大高度 */
.max_height{ 
    max-height:400px;  /* sets max-height for ie */ 
    _height:expression(this.scrollheight > 400 ? "400px" : "auto");
}
 
/* 最大最小寬度 */
.min_and_max_width{ 
    min-width:300px; 
    max-width:600px;  /* sets min-width & max-width for ie */ 
    _width: expression(document.body.clientwidth < 300 ? "300px":(document.body.clientwidth > 600 ? "600px" : "auto"));
}
 
/* 最大最小高度 */
.min_and_max_height{ 
    min-height:200px; 
    max-height:400px;  /* sets min-height & max-height for ie */ 
    _height: expression(this.scrollheight < 200 ? "200px" :( this.scrollheight > 400 ? "400px" : "auto"));
}

 

分享到:
评论

相关推荐

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

    通过上述方法,我们可以有效地在IE中实现元素的最小和最大宽度/高度限制。虽然这些技术在现代Web开发中已较少使用,但对于维护老项目或确保广泛的浏览器兼容性来说仍然是非常有用的。需要注意的是,随着IE浏览器的...

    CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法

    这些属性分别用于设置元素的最小宽度、最大宽度、最小高度和最大高度。但在IE6及更早版本的浏览器中,并不支持这些属性。因此,我们需要使用一些兼容性的技巧来实现类似的效果。 对于最小宽度,我们可以通过以下CSS...

    兼容IE6的网页最小最大宽度和最小最大高度css写法

    本文将详细解释如何使用CSS为网页设置兼容IE6的最小宽度、最大宽度、最小高度和最大高度。 首先,让我们了解CSS中的`min-width`和`max-width`属性。这两个属性用于设定元素的宽度限制,确保元素不会小于或大于指定...

    让CSS兼容IE和Firefox的技巧集合

    标题中的“让CSS兼容IE和Firefox的技巧集合”是指在网页设计中,针对Internet Explorer(IE)和Firefox这两种浏览器之间CSS样式兼容性问题的解决策略。描述中的“嘿呌,IE不再是个bug”暗示了这些技巧能帮助开发者...

    CSS控制div宽度最大宽度/高度和最小宽度/高度的方法

    在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度,但是在IE6中很多朋友都会遇到不兼容的头疼问题,包括我也经常遇到这样的问题,在百度查了很多都没法解决,后来在一个论坛上学习到,在这里跟大家分享...

    最全的CSS浏览器兼容问题整理(IE6、IE7)

    在Web开发中,CSS(层叠样式表)的浏览器兼容性问题一直是开发者面临的挑战,特别是针对老旧的Internet Explorer版本,如IE6和IE7。了解和掌握这些兼容性技巧,能有效提升网页在不同浏览器上的表现。 1. **垂直居中...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”,这揭示了在Web开发中,尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时,开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为,...

    css兼容性(IE 和 firefox)技巧大全.doc

    以上技巧是针对IE和Firefox之间CSS兼容性问题的一些常见解决策略。在实际开发中,还需要注意DOCTYPE声明的使用,以确保W3C标准的遵循。同时,随着浏览器的更新,一些旧的兼容性问题可能已经得到解决,但仍需要关注新...

    css浏览器兼容.docx

    5. 页面的最小宽度 min-width是非常方便的CSS命令,它可以指定元素最小也不能小于某个宽度。但IE不认得这个命令。解决方案是使用`#container{ min-width: 600px; width:expression(document.body.clientWidth );}`...

    CSS中火狐浏览器与IE浏览器的兼容

    以上列举的是一些常见的CSS兼容性技巧,它们可以帮助你在开发过程中更好地应对IE和Firefox之间的差异。当然,随着技术的发展和浏览器更新迭代,新的问题也会不断出现,因此保持学习和实践的心态非常重要。

    div+css 解决ie6兼容问题总汇

    9. **最小宽度**:与最大高度类似,IE6不支持`min-width`。同样可以使用JavaScript检测元素的实际宽度并动态设置,封装成函数后可灵活应用。 这些解决策略可以帮助开发者在保持网站设计完整性的同时,确保在IE6中的...

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

    其次,`expression`不是标准的CSS语法,所以只在IE6中有效,不兼容其他浏览器,这违背了编写跨浏览器兼容代码的原则。 为了提高代码的兼容性和性能,现代的解决方案通常会使用CSS Hack或者条件注释(Conditional ...

    css入门教程IE和Firefox浏览器CSS兼容性技巧整理.docx

    【CSS入门教程:IE和Firefox浏览器CSS兼容性技巧】 在网页设计中,CSS(层叠样式表)扮演着至关重要的角色,它使得我们能够控制页面的布局和样式。然而,不同浏览器之间对于CSS的支持程度和解析方式存在差异,尤其...

    CSS多浏览器兼容性(IE和Firefox)技巧大全推荐

    本文将详细阐述一些针对IE和Firefox的CSS兼容性处理技巧。 首先,要确保网页遵循W3C标准,使用XHTML格式编写代码,并添加DOCTYPE声明。DOCTYPE声明有助于浏览器正确解析页面,避免由于不同的渲染模式导致的兼容性...

    CSS兼容IE和Firefox的技巧集合

    ### CSS兼容IE和Firefox的技巧集合 在网页开发过程中,CSS的兼容性一直是开发者们头疼的问题,尤其是在处理不同浏览器如Internet Explorer(IE)和Mozilla Firefox之间的差异时。本文旨在总结一系列有效的技巧,...

    如何兼容IE7和IE8-Div+CSS教程.txt

    ### 如何兼容IE7和IE8—Div+CSS教程 #### 概述 本文将详细介绍如何在使用Div+CSS布局时实现对Internet Explorer 7(IE7)与Internet Explorer 8(IE8)的兼容性支持。随着Web标准的发展与浏览器技术的进步,IE7和...

Global site tag (gtag.js) - Google Analytics