CSS 媒体智能手机

CSS Media Smartphones

为什么像 @media only screen and (max-device-width: 480px) 这样的断点适用于 iPhone 和其他现代智能手机,即使它们具有 2436 × 1125 像素 分辨率?

当我在 Chrome 中使用开发工具时,为什么 iPhone X 显示 812×375 像素?我在这里遗漏或误解了什么?

感谢您的回答。

有硬件像素和软件像素。硬件像素是显示器中的单个光点。软件像素,在网络世界中也称为 CSS 像素,是一种度量单位。