如何设置css强制不显示滚动条,当且仅当浏览器窗口缩小到1000px时才显示滚动条

html-css09

如何设置css强制不显示滚动条,当且仅当浏览器窗口缩小到1000px时才显示滚动条,第1张

纯CSS是做不到的,要用到js

html:在body里添加一个执行函数,在窗口大小发生变化的时候执行

<body onResize="Resize()"> $(function(){

    var wwww = $(window).width(),

        hhhh = $(window).height()

    $("body").css({

        "width":wwww,

        "height":hhhh,

        "overflow":"hidden"

    })

    Resize = function(){

        wwww = $(window).width()//这里用Jquery  

        if(wwww<=1000){

            $("body").css({

                "overflow":"auto"

            })

        }     

    }

})

css是在客户端执行的。

至于你说的问题,一般可能是因为:

1,服务器向你的文件内插入了代码导致css失效(某些空间商会插入广告代码之类的)

2,文件字符编码不匹配。服务器可能会强制将你的文件编码转换了,也可能导致css异常。