zoukankan      html  css  js  c++  java
  • 兼容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属性的问题,本站用的是第四种。

  • 相关阅读:
    js练习题2
    js样式
    js小练习
    css动画样式
    css盒子、布局样式
    css一般样式
    css样式、选择器
    html表格、表单
    html 标签
    mysql连接查询,子查询,联合查询
  • 原文地址:https://www.cnblogs.com/zapple/p/5777641.html
Copyright © 2011-2022 走看看