html - CSS 媒体查询，不会读取第一个代码

Question

所以我先从移动版编写 CSS。之后，我将其修改为更大的屏幕。 当我做大屏幕时，它会影响小屏幕 View ，即使我已经设置了小屏幕 View 的值。

CSS 结构:

.m-dwSeotSecondSection__featureGroup {
    text-align: center;
    width: 80%;
    margin: 4em 0 4em 0;
}

@media only screen and (min-width:800px){

        .m-dwSeotSecondSection__featureGroup {
    width: 22.5%; } 
}

HTML 结构:

<div class= "m-dwSeotSecondSection__fgContainer">
                <div class="m-dwSeotSecondSection__featureGroup -seo">
                    <div class="a-dwSeotSecondSection__icon -seo">
                    </div>
                    <div class="a-dwSeotHeading -heightdefined">
                    </div>
                    <p class="a-dwSeotDesc">
                    </p>
                </div>
    </div>

Answer 1

CSS 看起来很好，如果您有以下行，只需检查您的 HTML head 部分:

<meta name="viewport" content="width=device-width, initial-scale=1" />