css - 响应式测试，奇怪的 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 的本地服务器地址也可以在这里使用。如果任何网站在这里正常工作，那么它将在任何设备上实时工作。可能对您有所帮助。