Html Chrome仿真器与iPhone不同-更好的仿真器？

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

我的问题是，我需要一个好的模拟器，这样我就可以适应我没有的手机。我只有一部iPhone要测试，Chrome不匹配。有没有更好的模拟器，或者我做错了什么

谢谢

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

---

您的css表在哪里？将所有这些添加到底部

/*智能手机（纵向和横向）*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：480px）{
/*风格*/
}
/*智能手机（景观）----*/
@仅媒体屏幕
和（最小宽度：321px）{
/*风格*/
}
/*智能手机（肖像）*/
@仅媒体屏幕
和（最大宽度：320px）{
/*风格*/
}
/*iPad（纵向和横向）*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）{
/*风格*/
}
/*iPad（景观）----*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：景观）{
/*风格*/
}
/*iPad（人像）----*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）
和（方向：纵向）{
/*风格*/
}
/*台式机和笔记本电脑--------*/
@仅媒体屏幕
和（最小宽度：1224px）{
/*风格*/
}
/*大屏幕--------*/
@仅媒体屏幕
和（最小宽度：1824px）{
/*风格*/
}
/*iPhone4------*/
@媒体
仅屏幕和（-webkit最小设备像素比：1.5），
仅屏幕和（最小设备像素比：1.5）{
/*风格*/
}
/*iphone6环境*/
@仅介质屏幕和（最小设备宽度：375px）
和（最大设备宽度：667px）
和（方向：景观）
和（-webkit最小设备像素比：2）
{ }
/*iPhone 6人像*/
@仅媒体屏幕
和（最小设备宽度：375px）
和（最大设备宽度：667px）
和（方向：纵向）
和（-webkit最小设备像素比：2）
{ }
/*iphone6plus环境*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）
和（方向：景观）
和（-webkit最小设备像素比：3）
{ }
/*iphone6plus人像*/
@仅媒体屏幕
和（最小设备宽度：414px）
和（最大设备宽度：736px）
和（方向：纵向）
和（-webkit最小设备像素比：3）
{ }
/*iPhone 6和6 Plus*/
@仅媒体屏幕
和（最大设备宽度：640像素），
仅屏幕和（最大设备宽度：667px），
仅屏幕和（最大宽度：480px）
{ }
/*苹果手表*/
@媒体
（最大设备宽度：42毫米）
和（最小设备宽度：38mm）
{}

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

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

if（屏幕宽度<765）{
window.location=”http://www.myaddress.com/index2.html";
}

一旦我删除了这段代码，并将我的index.html作为我的移动网站索引文件，chrome emulator就和实际屏幕一样了

---

我不知道为什么会这样。不知何故，使用javascript重定向使重定向地址具有不同的视口。

您对现有的每个设备使用单独的媒体查询？但是有成千上万的人。停下来并正确操作。文档的

标题上是否有此
？因为Chrome device emulator在澄清@AlonEitan的评论方面发挥了巨大作用-推荐的
要求设备根据其实际像素宽度呈现网站，而不是像素密度，像素密度有时会导致网站加载，就好像你被缩小了一样。当你只需要几个断点就可以让布局正常工作时，为什么还要对特定设备进行如此多的媒体查询？没有意义…我的样式表和这个问题有什么关系？为什么Chrome不像我在手机上看到的那样模仿我的样式表？这就是问题所在@马蒂，让它休息一下。本杰明：有时候正确的答案是“你做错了”。这些媒体查询满足了所有当前的设备，这就是为什么，只需添加少量代码，就可以确保您的网站在任何有人试图查看的设备上运行from@MattiVirkkunen我的iphone6与Chrome的iphone6仿真的视角不同。告诉我为什么，我会花几个小时学习如何编写响应性代码。