【发布时间】：2019-10-01 14:43:42
【问题描述】：
在我正在处理的项目中进行响应式测试时遇到了一个奇怪的问题。当我在 chrome 开发人员工具中测试它时（就像我一直做的那样），它看起来一团糟，但在手机上它很好，反之亦然。
例子：
在 chrome 开发者工具上试试这个，并将 iphone 5 作为测试设备： http://www.vinarijapantic.com/apps/onePage/，你会看到各种不好的定位。在真正的 iphone 5 上进行测试时，一切都很好。我创建这个模拟器是“真实的”，所以我现在使用
http://iphone5simulator.com/ 但我不明白为什么 chrome 开发者工具和 safari 开发者工具的定位不好。我看到的不是我在真实设备上得到的。以前从来没有遇到过这种问题。
有什么想法吗？
谢谢！
【问题讨论】：
-
刚刚在我的 Chrome 47.0.2526.106/Mac OsX 上尝试了与 iphone5 模拟器的第一个链接，一切似乎都很好。那里应该搞砸什么？
-
用 iPhone 5 仿真在 Windows 8.1 上的 Chrome 47.0.2526.106 m 上尝试了你的链接，它似乎没问题。您是否尝试过清除缓存？
-
也可以确认，看起来不错。尝试在网络选项卡中禁用缓存？
-
你们在 chrome 开发者工具和 iphone5ssimulator 网站上进行测试时得到相同的结果？有没有chrome开发者工具的截图？如果对您来说不是太麻烦，请展示第一张幻灯片（徽标）？
-
检查标志定位，作为参考点。它应该在白线下方。
标签： css positioning