什麼是使用Bootstrap進行開發的最佳工具/方法，以便移動網站能夠在每個設備上以最佳方式工作？

我們正在開發我們的網站的一部分，以訪問移動設備。什麼是使用Bootstrap進行開發的最佳工具/方法，以便移動網站能夠在每個設備上以最佳方式工作？

我們只想開發網站和手機的一個網站，沒有單獨的手機網站來維護。

我們正在使用Bootstrap 3。

1.我們怎樣才能最好地理解我們的網站將如何看待各種設備？

在這裏，我們使用了Chrome和Firefox的工具，以顯示在iPhone上的網站，即375 X 667，但兩種觀點看起來完全不同：

是否有一個工具，顯示了一個網站究竟是如何在所有主要設備上看起來和做出反應的？
另外，移動設備上的縮放實際上並未重新導航導航欄，而只是放大導航欄，因此在調整瀏覽器大小時不會獲得效果。

我們已經看了一些新聞網站，有的似乎允許縮放較大的和別人不容許變焦都：

http://news.google.com - 在所有
http://spiegel.de不能放大 - 在所有
http://newsweek.com不能放大 - 可以放大較大，但不小於
http://abcnews.com - 在所有
http://zeit.de - 可以放大較大，但不小於

因此，有似乎是一個缺乏標準在這裏。

2.使用Bootstrap開發網站的最佳策略是什麼，以便它們能夠在每個設備上最佳地使用？

來源

2016-04-15 Edward Tanguay

我用手機/ RWD測試儀谷歌Chorme和Firefox LINK

我已經花了幾年時間與這些2個工作都沒有「100％準確」有其差異的像素，但如果他們是在最可靠至少爲我的口味。

最小化您的瀏覽器屏幕我可以告訴一個想法，但蘋果機器人，改變很多。唯一可靠的是，如果最小化您的瀏覽器，您有橫向滾動是移動也將有。更新默認的瀏覽器縮放比例通常很「高」，移動設備可能看起來很糟糕並且非常完美！：D

來自西班牙的問候！

來源

2016-04-15 09:01:15 JMF

是的，你的鏈接似乎去了我用來在右上方截圖的Web Developer插件。但是這兩個工具顯示了完全不同的方式，顯示網站將如何顯示在特定的移動設備上。有沒有一些工具可以準確顯示這一點？ –

確切的確切沒有什麼，如果你看到谷歌瀏覽器和Firefox桌面是相同的，但在某些方面有很大的不同，一個像素向上一下...想象這將是在移動模式！取決於瀏覽器，開發者認爲這一點非常糟糕，但是每個操作系統都是一個世界......我使用Firefox的工作比Google Chrome更加準確，這通常足夠失敗。我希望我能幫助更多更好的:) – JMF

我會建議你使用智能手機模擬器，而不是內置的瀏覽器的東西。當然最好的是，如果你有不同的設備，你可以從你的朋友那裏借用...

來源

2016-04-15 12:46:39

什麼是使用Bootstrap進行開發的最佳工具/方法，以便移動網站能夠在每個設備上以最佳方式工作？

回答

相關問題