首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >针对不同设备的媒体查询

针对不同设备的媒体查询
EN

Stack Overflow用户
提问于 2021-01-29 03:55:30
回答 1查看 50关注 0票数 1

我已经研究了一段时间了,但还是有一些东西我不能理解。

许多网站(12)建议在我们为智能手机开发时使用一些常见的断点来进行媒体查询。

尽管有debate between pixels, ems or rems (我通常使用内存),但问题是现在的智能手机分辨率越来越高,高达1080p,甚至1440p。

在我看来,这使得使用媒体查询来区分不同类型的设备变得毫无意义,因为现代智能手机的像素宽度与许多较旧的台式机相同。

使用@media (max-width: 600px) (或37.5)编写媒体查询已经没有意义了,因为(我是用我的智能手机测试的)它不会被触发。

我不能仅仅提高断点级别,因为一些较旧的台式机或平板电脑的分辨率低于现代智能手机。此外,我会有一个巨大的断点,假设从0到1080px (这仍然是不够的)。

我知道@media (hover: ...),但我没有看到任何人建议它作为断点,我在任何地方都找不到它,偷看一些大网站的CSS

我是不是遗漏了什么?

现代网站如何区分智能手机和台式机?

如果我问了什么愚蠢的问题请不要攻击我。我知道我可能会错过一些简单的东西,但我不能只是得到它。任何答案都将不胜感激。

提前谢谢。

EN

回答 1

Stack Overflow用户

发布于 2021-01-29 03:59:49

即使移动屏幕的分辨率可能很高,这也无关紧要--因为像素密度才是最重要的。

只要你使用set your viewport to support mobile devices,媒体查询就会像你期望的那样工作(使用较小的数字,如600px)。

你可以阅读更多关于the meaning of CSS pixels on MDN的内容。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/65944307

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档