CSS媒体智能手机

Question

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

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

Answer 1

感谢您的回答。

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