Html CSS媒体查询不同的结果

为什么一个DIV在手机和一个调整大小的桌面窗口上显示不同

@media (max-width: 327px) { 
    .header  {height: 0px !important;}
}
@media all and (min-width: 328px) and (max-width: 440px) { 
    .header  {height: 0px !important;}
}

---

这就是我需要的。。。当在桌面大小调整窗口中查看时，它是正常的，但在移动电话上它不是

可能是您的手机宽度超过327px，因此该规则在您的手机中不活动

---

检查此项：

可能是您的手机宽度超过327px，因此该规则在您的手机中不起作用

---

检查此项：

！重要信息在CSS中是一件非常糟糕的事情，请改用选择器

请阅读以下内容：

来回答你的问题

更改：

致：

---

！重要信息在CSS中是一件非常糟糕的事情，请改用选择器

请阅读以下内容：

来回答你的问题

更改：

致：

试试这个

.header{高度：200px；宽度：200px；背景：红色；}
@介质（最大宽度：327px）{
.header{高度：0px；}
}
@介质（最大宽度：440像素）{
.header{高度：0px；}
}

试试这个

.header{高度：200px；宽度：200px；背景：红色；}
@介质（最大宽度：327px）{
.header{高度：0px；}
}
@介质（最大宽度：440像素）{
.header{高度：0px；}
}

---

您确定高度：0px！重要的再次？手机的分辨率是多少？在两种媒体查询中，其宽度可能都超过了440px。规则是相同的，我怀疑您是否真的想要高度：0px您应该使用

@介质（最大宽度：327px）{

如果两个规则都是相同的，你确定高度：0px！很重要；再说一遍？手机的分辨率是多少？它可能超过440px宽度在两种媒体查询中规则是相同的，我怀疑你真的想要

高度：0px；

你应该使用

@媒体（最大宽度：327px）{

如果两个规则都是相同的，那么我的手机屏幕的宽度是360px…显示的是高度…但在桌面上，它不是（我调整为360px）尝试替换高度：0%width

border:solid-thin red

以检查高度是否正常，或者问题是媒体查询高度是否正常……但它显示的内容与手机上显示的内容不同（额外的丑陋空间）在桌面上它是正常的…真的很奇怪…好的，所以我的手机屏幕的宽度是360px…显示高度…但在桌面上，它不是（我调整为360px）尝试替换高度：0%width

border:solid-thin red

以检查高度是否正常，或者问题是媒体查询高度是否正常……但它显示的内容与手机上显示的内容不同（额外的丑陋空间）在桌面上，这是正常的…真的很奇怪..如果上面的代码不起作用，那么检查元素并查看被覆盖的内容，可能是其他样式表中的一些样式正在执行此操作。如果上面的代码不起作用，那么检查元素并查看被覆盖的内容，可能是其他样式表中的一些样式正在执行此操作这是什么。

@media (max-width: 327px) { 
    .header  {height: 0px !important;}
}
@media all and (min-width: 328px) and (max-width: 440px) { 
    .header  {height: 0px !important;}
}

@media all and (max-width: 327px) { 
    .header  {height: 0px !important;}
}
@media (min-width: 328px) and (max-width: 440px) { 
    .header  {height: 0px !important;}
}