如何最好地模拟Web开发的移动设备



所以,我一直在使用Chrome/Firefox响应式工具进行一些Web开发,并浏览他们获得的"设备">

但是,有些事情看起来完全不同:

Firefox/Chrome响应式iPhone 6 Plus

在此处输入图像描述

看看汉堡菜单在实际设备上如何更大?看起来与响应式超级不同

注意¹:它发生在所有低分辨率移动设备上

注意²:我正在使用<meta name="viewport" content="width=device-width, initial-scale=1">.尝试了其他几个"元",但似乎没有人能做到这一点

注意³:尝试以两种不同的方式制作菜单,但结果都像那样

所以,我想知道,在移动版本中获得更准确结果的最佳方法是什么?

感谢您的帮助! ;)

最准确的方法是使用实际设备。许多移动设备仿真就是这样,模拟设备 - 有时与通过iframe缩小网站一样糟糕。

由于我们并非所有人都可以访问所有这些设备,因此像BrowserStack这样的服务具有物理远程设备,您可以在其上呈现站点,并且在某些情况下甚至使用DevTools。不幸的是,免费试用后它确实需要订阅,但如果您担心像素完美的设备测试,这是我发现的最好的服务。

除此之外,您还只能使用您拥有的本机设备或远非完美的浏览器模拟设备。

相关内容

  • 没有找到相关文章

最新更新