我應該使用哪種工具進行響應式網頁開發：Chrome網頁開發人員工具或只是調整窗口大小？

Question

我一直在嘗試爲移動設備製作響應式網站。我已經發現了兩個方法來測試響應式設計：

1. 通過調整窗口
2. 使用谷歌Chrome開發者的工具

在他們兩個我得到了不同的看法。哪一個給我正確的看法，因爲我在'em'中使用font-size和padding。

Answer 1

調整瀏覽器窗口大小沒有響應。在開發響應式應用程序時，最簡單但尚未完美的方式是使用Chrome的開發人員工具。即使這可能會給你不同的結果，因爲移動設備屏幕不僅使用寬度/高度，而且還使用dpi。所以320 iphone6s屏幕不會完美匹配320px調整大小的瀏覽器或等效的android設備。

Answer 2

尋求鉻開發工具。這是檢查響應速度的好方法。它配備了流行手機和平板電腦設備的尺寸。所以你可以一次檢查多種設備。
簡單調整瀏覽器大小並不是檢查響應速度的正確方法。
最近我建立了一個頁面，可以正常使用你提到的兩種方式。你可以檢查它here。
讓我知道你是否需要任何幫助。

Answer 3

我想說Chrome開發工具是本地快照的最佳選擇。

但是，如果您有權訪問一個或多個移動設備，則可能需要在Heroku或其他生產環境中啓動該站點，並從實際設備中查看該站點。

的iPhone 6例如，我發現Chrome不考慮在Safari地址欄或底部的導航這樣的事情可以稍微偏離iPhone 6