响应测试，奇怪的CSS行为

Question

我对正在处理的项目进行响应式测试时遇到了一个奇怪的问题。当我在Chrome开发人员工具中测试它时（就像我一直那样）它看起来都搞砸了，但在手机上它很好，反之亦然。

示例：

在Chrome开发人员工具上试试这个并将iphone 5作为测试设备： http://www.vinarijapantic.com/apps/onePage/，你会看到各种不好的定位。在真正的iphone 5上进行测试时，这一切都很好。我创建了这个模拟器是“真实的”所以我现在使用

http://iphone5simulator.com/但我无法弄清楚为什么chrome开发人员工具和Safari开发人员工具显示错误的定位。我所看到的不是我在真实设备上得到的东西。从来没有遇到过这种问题。

有什么想法吗？

谢谢！

Answer 1

您好，我检查了响应式设计或问题，我发现了一些工具网站， 您可以在这里进行测试，也许会像我一样对您有所帮助。

http://responsivetesttool.com/

http://ami.responsivedesign.is/

即使使用本地IP的本地服务器地址也可以在这里工作。如果任何站点在此处正常运行，则它将在任何设备上实时运行。可能对您有帮助。