css - CSS媒体智能手机

Question

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

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

标签： cssresponsive-designmedia-queriesresponsive

Answer 1

谢谢你的回答。

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