我已经研究了一段时间了,但还是有一些东西我不能理解。
许多网站(1,2)建议在我们为智能手机开发时使用一些常见的断点来进行媒体查询。
尽管有debate between pixels, ems or rems (我通常使用内存),但问题是现在的智能手机分辨率越来越高,高达1080p,甚至1440p。
在我看来,这使得使用媒体查询来区分不同类型的设备变得毫无意义,因为现代智能手机的像素宽度与许多较旧的台式机相同。
使用@media (max-width: 600px) (或37.5)编写媒体查询已经没有意义了,因为(我是用我的智能手机测试的)它不会被触发。
我不能仅仅提高断点级别,因为一些较旧的台式机或平板电脑的分辨率低于现代智能手机。此外,我会有一个巨大的断点,假设从0到1080px (这仍然是不够的)。
我知道@media (hover: ...),但我没有看到任何人建议它作为断点,我在任何地方都找不到它,偷看一些大网站的CSS
我是不是遗漏了什么?
现代网站如何区分智能手机和台式机?
如果我问了什么愚蠢的问题请不要攻击我。我知道我可能会错过一些简单的东西,但我不能只是得到它。任何答案都将不胜感激。
提前谢谢。
发布于 2021-01-29 03:59:49
即使移动屏幕的分辨率可能很高,这也无关紧要--因为像素密度才是最重要的。
只要你使用set your viewport to support mobile devices,媒体查询就会像你期望的那样工作(使用较小的数字,如600px)。
你可以阅读更多关于the meaning of CSS pixels on MDN的内容。
https://stackoverflow.com/questions/65944307
复制相似问题