去除浏览器侧边滚动条

标签：页面   浏览器   计算   dde   方便   style   code   osi   全屏   

浏览器全屏设置

html {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    width: 0 !important;
}

页面header固定设置

.header{
    width:100%;
    position:fixed;
    z-index:1;
}

浏览器全屏高度设置

.content{
    width:100%;
    height:calc(100vh - 100px);
}

注：calc() 函数为CSS3中的一个方法，方便于动态计算模块高度

去除浏览器侧边滚动条

标签：页面   浏览器   计算   dde   方便   style   code   osi   全屏   

原文地址：https://www.cnblogs.com/zxk5211/p/web_25.html