Html CSS媒体查询，赢得'；我不读第一个密码

所以我首先从手机版开始编写CSS。之后，我将其修改为更大的屏幕。 当我做大屏幕时，它会影响小屏幕视图，甚至我已经为小屏幕视图设置了值

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%; } 
}

<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>

HTML结构：

.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%; } 
}

<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>

我不确定您是否要默认为初始样式。如果是这样的话，那么这可能会起作用：

.m-dwSeotSecondSection__featureGroup {
text-align: center;
width: 80%;
margin: 4em 0 4em 0;
border: 1px solid black
}

@media only screen and (min-width:800px) {
  .m-dwSeotSecondSection__featureGroup {
  width: auto;
  margin: auto;
  border: 1px solid black
  }
}

---

我想媒体查询会帮你喜欢

如果你想在某个特定的屏幕上实现给定的css，那么就给出如下的媒体查询

@media only screen (min-width: 767px) and (max-width: 1200px){
    .class{
         property: value;
    }
}

---

现在这个css只对大于767px宽度和小于1200px宽度的设备有效。因此它不会影响其他样式

CSS看起来很好，如果您有以下行，只需检查HTML标题部分：

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

---

由@Anuresh和@vuskovic09回答 我忘了加上

---

对于小于800px的屏幕，其拍摄率为80%，高于22.5%。这里有什么问题吗>？即使我将屏幕大小调整到800px以下，它仍占22.5%。你添加了吗