css样式

原创于 2019-03-29 18:57:36 发布 · 140 阅读

0 ·

CC 4.0 BY-SA版权

jquery 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了一种使用CSS实现的宽度响应式滚动条方案。在屏幕宽度为100%时隐藏滚动条，在屏幕宽度缩小至1612px及以下时显示滚动条。这种方法可以确保页面布局整洁且易于浏览。

如何控制打开的时候，没有滚动条，但是到达一定宽度时候出现滚动条

先用

        width:100%;
        overflow-y: hidden;
        overflow-x: hidden;
        margin: 0 auto; /*主面板DIV居中*/
        float: left;
        overflow: hidden;
        position: relative;

再用，也就是当浏览器的宽度小于1612时候，就出现滚动条

   @media screen and (max-width: 1612px) {
        .bodydiv {
        overflow:scroll;
        }
    }