美文网首页
消除全屏显示的滚动条

消除全屏显示的滚动条

作者: 顺小星 | 来源:发表于2019-11-20 09:45 被阅读0次
    项目中的页面所有的尺寸都是严格按照设计图来的,现在F11全屏之后,在右侧显示滚动条。如下图:
    右侧的滚动条
    大屏显示,是极其影响观感。

    查了资料说是要在最外层加上一个“overflow:hidden”,像下面这样:


    image.png

    但是依旧不管用,找到section的类,发现其没标宽高,于是将其按照设计图的宽高写上:


    image.png
    滚动条依然存在。最后试了在其最外侧再包一层div,在最大的div上加“overflow:hidden”就可以了。
    image.png

    总结:

    1、确保尺寸的宽高是写死的;

    2、在现有的代码层的最外层,加上一个大的div,写个行内样式

    <div style="overflow:hidden">
    
    image.png

    相关文章

      网友评论

          本文标题:消除全屏显示的滚动条

          本文链接:https://www.haomeiwen.com/subject/qobnictx.html