Css 用于区分手机和手机的媒体查询；桌面

我见过许多不同的媒体查询，用于检测用户是使用电话还是桌面。然而，对于许多设备而言，现在高端设备（如S8）、笔记本电脑和低端手机之间的分辨率、比率和许多其他方面存在重叠

我的问题是，如果我想要一个手机样式表，其中包括所有手机和一个台式机，是否有一个媒体查询可以使用，这是最好的，或者我应该采取一种不同的方法，可能是使用JavaScript

在使用软键板且手机重新将其视为横向之前，横向和纵向方法一直有效

下面的示例不再适用于所有设备，因为它们已经过时

@media only screen and (orientation : portrait)
@media only screen and (max-device-width: 480px)
@media only screen and (min-aspect-ratio: 13/9)

---

不确定这是否有帮助，但我通常坚持使用引导V4定义的断点，即使它不是引导项目。我发现这是一个很好的开发范围，而且更多的时候，我只在更大的断点中有特定的样式（正如我首先为mobile开发的那样）

---

如果您只想使用两个断点，我可能会建议<768px和>768px，但您可能会有对此持有不同意见的人。对于某些设备，您肯定会遇到边缘情况。

这是“为设备”设计的一般问题。。。随着新设备和新决议的出台，也没有真正的“解决方案”。这就是为什么IMHO将媒体查询和断点建立在内容需求的基础上更有意义。如果我的手机有一个足够大的屏幕，可以显示与台式电脑相同的屏幕，那么为什么首先要强制我使用“手机视图”？？手机的物理尺寸保持不变，但是像素密度和分辨率更高。这意味着仍然需要手机视图，因为手机视图太小，用户无法轻松查看，只要您将媒体查询基于CSS像素而不是设备像素，这也不是一个真正的问题。为什么媒体查询“@media only screen and（最大设备宽度：480px）”无法在某些高端手机上工作？您可以使用，这样您就可以知道，即使有1000像素，它们的分辨率也要高得多。你也可以在“谢谢”中定义断点，克里斯，我试试看。我仍然对设备pixles和css pixles之间的区别感到困惑