Twitter bootstrap 3 使用Bootstrap进行开发的最佳工具/方法是什么，以便移动站点在每台设备上都能以最佳方式工作？

我们正在开发网站的一部分，以便在移动设备上访问

我们只想为web和移动设备开发一个站点，而不是单独维护一个移动站点

我们正在使用引导程序3

1。我们如何才能最好地了解我们的网站在各种设备上的外观？

在这里，我们使用Chrome和Firefox工具在iphone上显示网站，即375 x 667，但这两种视图看起来完全不同：

• 是否有一个工具可以准确地显示网站在所有主要设备上的外观和反应

• 此外，移动设备上的缩放实际上并不重新锁定导航栏，而是简单地放大导航栏，这样就不会获得调整浏览器大小时所获得的效果

我们查看了许多新闻网站，有些网站似乎允许放大，而另一些网站则根本不允许放大：

• -根本无法缩放
• -根本无法缩放
• -可以放大但不能缩小
• -根本无法缩放
• -可以放大但不能缩小

因此，这里似乎缺乏标准

---

2。使用Bootstrap开发网站的最佳策略是什么，以便它们在每台设备上都能以最佳方式使用？

我使用适用于Google Chorme和Firefox的Mobile/RWD Tester

我花了数年的时间研究这两个不是“100%准确”的，它们有不同的像素，但如果它们是最可靠的，至少对我的口味来说

最小化你的浏览器屏幕我可以告诉你一个想法，但苹果安卓，变化很大。唯一可靠的方法是，如果最小化浏览器，你会有水平滚动，手机也会有。Acuerdate默认的浏览器缩放通常为“高”，这样手机看起来很糟糕，而且很完美D

---

来自西班牙的问候

我建议您使用智能手机模拟器，而不是内置的浏览器。

---

最好的当然是，如果你有不同的设备，你可以从你的朋友那里借用…

是的，你的链接似乎转到了我用来制作右上方屏幕截图的Web Developer插件。但这两个工具显示了网站在特定移动设备上的显示方式完全不同。没有什么工具能准确地显示这一点吗？完全没有，如果你看到google chrome和firefox桌面是一样的，但在某些方面有很大的不同，一个像素上一个像素下。。。想象一下在移动模式下会是什么样子！！这取决于浏览器，事实是这一点是非常糟糕的开发人员工作，但每个操作系统是一个世界。。。我在firefox上的工作比Google Chrome更精确，这通常已经足够失败了。我希望我能帮助更多更好：）