问基于像素的CSS媒体查询如何与现代智能手机协同工作？
EN

Stack Overflow用户

提问于 2022-03-26 16:50:59

回答 1查看 505关注 0票数 1

考虑一款屏幕分辨率为1440x2960像素的智能手机。现在，如果我执行像@ media这样的CSS移动查询(最大宽度:500 do )，那么即使它是一个移动设备，它也不能满足媒体查询。

但确实如此。考虑一下这个网站洛基，它有相同的媒体查询的最大宽度为500 max，但它的工作方式就像一个基于移动的网页打开时，从1440x2960设备。

像素和媒体查询是如何工作的？

回答已采纳

发布于 2022-03-26 16:57:38

你把screen resolution和screen width混淆了

也就是说，手机的屏幕宽度通常在200到500 CSS像素左右。

这篇著名的博客文章解释了为什么需要这样做：像素不是像素

对于高分辨率屏幕，所谓的设备像素比大于1。要计算CSS像素的宽度，公式如下：

CSSPixelWidth = DevicePixelWidth / DevicePixelRatio

票数 2

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

原文链接：

https://stackoverflow.com/questions/71630022

复制

相似问题

问基于像素的CSS媒体查询如何与现代智能手机协同工作？EN