媒体查询CSS响应

问题描述

我有这个p：

<p class="p">This is for tests</p>

.p {
  font-size: 50px;
  background-color: blue;
}

当我的屏幕宽度为320px时，请更改为：

@media only screen and (max-width: 320px) {
  .p {
    background-color: red;
    font-size: 30px;
  }
}

以及何时为375px：

    @media only screen and (max-width: 375px) {
  .p {
    background-color: green;
    font-size: 20px;
  }
}

为什么375px查询将background-color设置为320px，当屏幕为320px时我想保持红色，而当375px时我想保持绿色。 （媒体响应新功能！）

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）