我正在尝试让我的网站响应移动设备。
我听说 Chrome 的开发工具可以根据设备的分辨率来模拟设备。但 Chrome 有一些奇怪的分辨率。
苹果7
dev-tools: 375x667px
officially: 750x1334px
苹果7加
dev-tools: 414x736px
officially: 1080x1920px
尽管它们不同,但模拟器似乎相当准确,为什么?这给我带来了很大的压力,因为我不知道我的媒体查询中的最大宽度在真正的设备上是否准确。
google-chrome resolution google-chrome-devtools
google-chrome ×1
google-chrome-devtools ×1
resolution ×1