实际移动设备上的网站与桌面上的欺骗用户代理相比有所不同

Question

我正在学习HTML和CSS。我在http://sharpe.link/创建了这个网站。

当我在iPhone或iPad上查看该网站时，底部的三个图像是垂直堆叠的。当我使用开发人员工具查看Chrome网站时，或者使用＆＃34; Chrome用户代理切换器＆＃34; （插件），或者是mobiletest.me（网站），并且模拟iPhone或iPad，图像看起来是水平的，也许是压扁的。

垂直堆叠无论如何都更实用，但是（1）我想知道如何在没有物理设备的情况下在iPhone，iPad等上可靠地测试我的网站，（2）我也想知道为什么这些工具和服务与他们正在模拟的设备不一致吗？

更新：实际上，this answer准确地模仿了实际的设备，但你能回答我的第二个问题吗？我希望能够依赖Chrome开发者工具。

Answer 1

这些工具并非旨在“模拟”，而是仅为任何可能因任何原因嗅探用户代理的网站传递相关的用户代理字符串（条件CSS等）Browserstack.com或物理设备本身是一种可靠的方式来测试网站，但需要付出代价。