响应性设计-将我的桌面浏览器调整为iPhone分辨率与之不同

我正在计算机上测试我的站点的响应能力。我正在使用一个chrome插件来调整iPhone（和其他移动设备）的浏览器尺寸，但它的显示方式与我在手机上看到的不一样。为什么会这样？我怎样才能正确地测试它

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

---

最好的方法是在mac电脑上使用iPhone模拟器，或者使用一些在线测试服务，比如说，这很费钱。

---

您也可以尝试在chrome开发者工具的“仿真”下更改设备。

其他移动设备如何？必须有一种简单的方法在你自己的浏览器上测试所有这些功能，而不必为每个功能启动sim卡。你知道像browser stack这样的服务有什么不同吗？它们使用虚拟机并引导你进入虚拟机，就像你在设备上一样，我相信。在没有物理设备或付费的情况下，你能做的最接近你正在做的事情。但我使用了一种稍微干净、外观更好的方法，即使用bookmarklet，它可以让您轻松地更改浏览器窗口的大小，以测试响应性设计。这正是我需要的，谢谢！这是为了适应我自己浏览器中的新设备，我想知道它们有什么不同之处。可能是视口大小而不是屏幕分辨率？

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