响应式设计 - 将桌面浏览器的大小调整为iPhone分辨率并不相同

Question

我正在测试我的网站在计算机上的响应能力。我正在使用Chrome插件来调整iPhone（和其他移动设备）的浏览器尺寸，但它显示的方式与我在手机上查看时的显示方式不同。为什么是这样？我该如何正确测试？

这是我正在使用的媒体查询的示例（不是iPhone的）：

@media (min-width: 900px) and (max-width: 1600px) {
.disp{ width:695px; min-height:322px; margin:376px auto 0 auto;}
}

Answer 1

最好的方法是在Mac上使用iPhone模拟器，或使用像Browser Stack这样的在线测试服务，这可能会花钱。 您也可以尝试在＆＃34; Emulation＆＃34;下更改您的设备。在Chrome的开发者工具上。