所以,我一直在使用Chrome/Firefox响应式工具进行一些Web开发,并浏览他们获得的"设备">
但是,有些事情看起来完全不同:
Firefox/Chrome响应式iPhone 6 Plus
在此处输入图像描述
看看汉堡菜单在实际设备上如何更大?看起来与响应式超级不同
注意¹:它发生在所有低分辨率移动设备上
注意²:我正在使用<meta name="viewport" content="width=device-width, initial-scale=1">
.尝试了其他几个"元",但似乎没有人能做到这一点
注意³:尝试以两种不同的方式制作菜单,但结果都像那样
所以,我想知道,在移动版本中获得更准确结果的最佳方法是什么?
感谢您的帮助! ;)
最准确的方法是使用实际设备。许多移动设备仿真就是这样,模拟设备 - 有时与通过iframe缩小网站一样糟糕。
由于我们并非所有人都可以访问所有这些设备,因此像BrowserStack这样的服务具有物理远程设备,您可以在其上呈现站点,并且在某些情况下甚至使用DevTools。不幸的是,免费试用后它确实需要订阅,但如果您担心像素完美的设备测试,这是我发现的最好的服务。
除此之外,您还只能使用您拥有的本机设备或远非完美的浏览器模拟设备。