我正在构建一个移动网站,但没有让它响应。我正在为每个设备使用媒体查询。您可能认为这是个好主意,也可能不认为这是个好主意,但我想这样做,因为该网站只有 3 个页面,而且非常小,而且只能通过手机访问。
我的问题是我需要一个好的模拟器,这样我就可以针对我不拥有的手机进行调整。我只有一部 iPhone 需要测试,而 Chrome 不匹配。有没有更好的模拟器,还是我做错了什么?
谢谢。
<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0, initial-scale=1.0"/>
最佳答案
我已经解决了这个问题。我使用以下代码从 index.html 重定向:
if (screen.width < 765) {
window.location = "http://www.myaddress.com/index2.html";
}
一旦我删除了这段代码并使我的 index.html 成为我的移动网站索引文件,chrome 模拟器就和实际屏幕一样了。
我不知道为什么会这样。以某种方式使用 javascript 重定向使重定向的地址具有不同的视口(viewport)。
关于html - Chrome 模拟器与 iPhone 不同 - 更好的模拟器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38170921/