当宽度下降到 990 像素时页面被缩小

Question

我在使用整个页面的 CSS 时遇到问题。这是我查看响应大小时的页面：990px​​ x 789px

这里的页面大小为 1024px x 789px，这很好：

代码库css：

    .filter-body-wrapper
        padding: 0
        width: 94%
        margin: auto

        .filter-type
            border-bottom: 1px dashed rgb(2,150,136)
            .single-item
                margin: 10px auto
                width: 97%
                &.disabled
                    opacity: .5
        .area-filter
            display: flex
            align-items: center
            padding-left: 1rem
    .clear-filters
        text-align: center
        padding: 10px 0

        button
            background: none
            text-decoration: none
            border: none
            border-bottom: 2px solid rgb(11,60,190)
            margin: 10px 0
            padding: 0 2px
            cursor: pointer

@media screen and ( max-width: 990px )
    .filter-wrapper
        background-color: white
        position: absolute
        right: -40%
        top: 125px
        transition: .5s all
    #filter-box
        transition: .5s all
        z-index: 1
    #filter-box.display
        transition: .5s all
        right: 0
    .two.columns
        width: 25%

@media screen and ( max-width: 600px )
    .filter-wrapper
        right: -100%
        top: 0
        min-height: 100vh
    .filter-options-table
        border: none
        .filter-options.header
            .back-btn
                display: inline
    .two.columns
        width: 100%
    #filter-box
        position: fixed
        z-index: 9
        top: 0
        right: -100%
        bottom: 0
        transition: .5s all
    #filter-box.display
        right: 0
        overflow-y: scroll
        transition: .5s all

如果需要，我可以提供例如网站 每当尺寸宽度下降到 >990px​​ 时，就会出现错误

Answer 1

注释或删除 html 和 body 属性 overflow css 中的属性

html {
  /* overflow-x: visible; */
} 
body {
  /* overflow: visible; */
}