兼容IE6的min
如果一个站是宽屏的,你左右拖动浏览器的窗口网站宽度会随着窗口的大小而改变,而浏览器窗口宽度减小到一定程度后就会出现下边的滚动条,网站宽度就不会再减小了,我们知道这一简单的功能用css的min-width就很容易能实现,但不幸的是,我们用户很多的IE6不支持这个非常方便的属性,怎么办呢,我们只要在网页设计时加上下面的css语句就能解决:
方法一:
- height:auto!important;
- height:580px;
- min-height:580px;
把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。
方法二:
- min-height:200px;
- _height:200px;
方法三:
- #min-width{
- min-width:900px;
- _width:expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");
- line-height:200px;
- background:#ccc;
- }
方法四:
- #mpage{
- width:100%;
- min-width:980px;
- position:relative;
- _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto');
- }
以上四种方法任何一种都可解决IE6不支持min-width属性的问题,本站用的是第四种。
以上这篇兼容IE6的min-width、min-height的简单方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持万象站长学堂。
栏 目:Frontpage教程
下一篇:浅谈浏览器的兼容模式下的button中文字垂直方向不居中显示
本文标题:兼容IE6的min
本文地址:https://zhanzhang.eapis.site/html/2057.html
您可能感兴趣的文章
- 2025-10-24 05:45空格符号怎么打? 全角空格和半角空格的区别介绍
- 2025-10-22 22:38魔幻战士配置 魔幻战士最低配置及要求
- 2025-10-28 04:20苹果Mac虚拟机装Windows哪家强?
- 2025-10-22 23:28HTML速写之Emmet语法规则的实现
- 2025-10-23 00:15html解决table设置宽度无效的问题
- 2025-10-23 19:34Layui表格选中指定行的radio单选框并滚动到该行的实现代码
- 2025-10-22 08:44黑暗之魂2配置 黑暗之魂2最低配置及要求
- 2025-10-23 20:21web网页开发面试笔试必备小知识(必看)
- 2025-10-22 09:21mac怎么开启游戏模式?mac开启游戏模式技巧
- 2025-10-23 21:06canvas绘制折线路径动画实现




粤公网安备 13010202004186