html - Chrome 模拟器与 iPhone 不同 - 更好的模拟器？

Question

我正在构建一个移动网站，但没有让它响应。我正在为每个设备使用媒体查询。您可能认为这是个好主意，也可能不认为这是个好主意，但我想这样做，因为该网站只有 3 个页面，而且非常小，而且只能通过手机访问。

我的问题是我需要一个好的模拟器，这样我就可以针对我不拥有的手机进行调整。我只有一部 iPhone 需要测试，而 Chrome 不匹配。有没有更好的模拟器，还是我做错了什么？

Chrome version

Actual screenshot from iPhone

谢谢。

<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0"/>

Answer 1

我已经解决了这个问题。我使用以下代码从 index.html 重定向:

if (screen.width < 765) {
            window.location = "http://www.myaddress.com/index2.html";
        }

一旦我删除了这段代码并使我的 index.html 成为我的移动网站索引文件，chrome 模拟器就和实际屏幕一样了。

我不知道为什么会这样。以某种方式使用 javascript 重定向使重定向的地址具有不同的视口(viewport)。