我已经研究了一段时间，但仍有一些我无法理解的东西。
当我们为智能手机开发时，许多网站（1、2）建议了一些用于媒体查询的常见断点。
尽管有 debate between pixels, ems or rems（我通常使用 ems），但问题是现在智能手机的分辨率越来越高，最高可达 1080p 甚至 1440p。
在我看来，这使得使用媒体查询来区分不同类型的设备毫无意义，因为现代智能手机的像素宽度与许多旧台式机的像素宽度相同。
使用 @media (max-width: 600px)（或 37.5）编写媒体查询不再有意义，因为（我使用智能手机对其进行了测试）它不会被触发。
我不能仅仅提高断点级别，因为一些较旧的台式机或平板电脑的分辨率低于现代智能手机。此外，我会有一个巨大的断点，从 0 到 1080 像素（这仍然不够）。
我知道 @media (hover: ...)，但我没有看到有人建议使用它作为断点，而且我在一些大型网站的 CSS 中找不到它
我错过了什么吗？
现代网站如何区分智能手机和台式机？
如果我问一些愚蠢的问题，请不要攻击我......我知道我可能会错过一些简单的东西，但我不能只是得到它。任何答案将不胜感激。
提前致谢。
答案 0 :(得分：2)
即使移动屏幕可能具有高分辨率，也没关系 - 因为像素密度在这里很重要。
只要您set your viewport to support mobile devices，媒体查询就会如您所愿（使用小数字，例如 600px）。
您可以阅读有关 the meaning of CSS pixels on MDN 的更多信息。