• 兼容IE6的min-width、min-height


    如果一个站是宽屏的,你左右拖动浏览器的窗口网站宽度会随着窗口的大小而改变,而浏览器窗口宽度减小到一定程度后就会出现下边的滚动条,网站宽度就不会再减小了,我们知道这一简单的功能用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-900px;
        _expression((document.documentElement.clientWidth||document.body.clientWidth)<900?"900px":"");
        line-height:200px;
        background:#ccc;
    }

    方法四:

    #mpage{
        100%;
        min-980px;
        position:relative;
        _ expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 980? '980px' : 'auto'); 
    }

    心上四种方法任何一种都可解决IE6不支持min-width属性的问题,本站用的是第四种。

  • 相关阅读:
    开学测试感想
    动手动脑1(00JAVA语言基础)
    9.29 java web注释方式以及servlet映射
    三十道随机算法
    9.30 servlet学习
    C#验证控件的使用方法
    SqlHelper详解
    C#字符串的几种常用方法
    存储过程事务处理
    js url编码
  • 原文地址:https://www.cnblogs.com/zapple/p/5777641.html
Copyright © 2020-2023  润新知