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

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

在 css

中评论或删除 html 和 body 属性 overflow 属性

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

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

Page was zoomed out when width went down to 990px

css

styling

当宽度下降到 990px​​ 时页面被缩小

Page was zoomed out when width went down to 990px

css

styling

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