Html 具有媒体查询功能的简单响应式内容移动/桌面

/*桌面*/
@媒体屏幕和（最小宽度：641px）{
.桌面{
浮动：左；
}
.手机{
显示：无；
浮动：左；
}
}
/*流动的*/
@媒体屏幕和（最大宽度：641px）{
.桌面{
显示：无；
浮动：左；
}
.手机{
浮动：左；
}
}

在桌面上显示我
在手机上给我看

您必须使用

@手持媒体和（最大宽度：641px）

即时媒体屏幕和（最大宽度：641px），因为它在移动设备上没有css屏幕。 有关更多信息，请参阅：

---

希望有帮助。

您必须使用

@媒体手持设备和（最大宽度：641px）

媒体屏幕的瞬间和（最大宽度：641px），因为移动设备上没有css屏幕。 有关更多信息，请参阅：

---

希望能有所帮助。

对我来说效果不错，不过当您的窗口宽度为641px时，两者可能同时出现。因此，最好将一个设置为默认值（无媒体查询）对我来说很好。不幸的是，我没有，我尝试了firefox和edge。你确定你的代码中没有其他部分会影响它吗？伙计们，你似乎是对的。我刚刚删除了所有其他的CSS，效果很好。我必须检查哪一个CSS影响了整个事情。对我来说效果很好，尽管当你的窗口是641px宽时，两者可能同时出现。因此，最好将一个设置为默认值（无媒体查询）对我来说很好。不幸的是，我没有，我尝试了firefox和edge。你确定你的代码中没有其他部分会影响它吗？伙计们，你似乎是对的。我刚刚删除了所有其他的CSS，效果很好。我必须检查哪些CSS影响了整个事情。