響應式的設計現在越來越受設計師推崇，面對這越來越多的響應式設計頁面，我們需要找到高效的測試工具來驗證設計的合理和正確，文中所介紹的工具可以幫助你測試響應式頁面設計。
viewport resizer
viewport resizer是乙個基於瀏覽器的工具，它可以讓使用者測試任何**的響應特性。使用者只需要儲存的書籤，訪問他們想測試頁面，點選建立的書籤並檢查該頁面在所有型別螢幕解析度上的表現。
resizer也是一款非常棒的工具，允許你改變網頁尺寸。一旦安裝，它可以很容易地使用。你只需要訪問想測試和使用的**即可。
該工具類似responsivator，但是介面更簡單，可幫助你測試響應式**。
screenqueri.es是乙個完美的畫素級響應式設計測試工具，它可以讓你在30種不同的裝置或自定義解析度的視窗中測試你的設計。
edge reflow 的工具，可以用於響應式設計的視覺化創作，提高通過 html5 和 css3 技術在不同裝置上所進行的網頁開發效率。reflow 的主要功能是通過在設計的過程中將所有的「斷點」「模組」進行視覺化的展示，讓開發者可以在工具中一邊進行間距的除錯，一邊測試展示效果。
該工具支援在多種裝置上展示**效果，還會在移動裝置和平板上為你展示**布局。不僅如此，還可以在不同的瀏覽器視窗上檢視**布局。
如果你想在不同的螢幕解析度上檢視**，cybercrab是你最佳的選擇。
響應式設計的6個免費測試工具
別再拖拽拉扯那個瀏覽器了，你快把它弄壞了！這樣的話你聽過多少次了？好吧，可能不是特別多，但如果你在開發響應式設計的 你就知道這意味著什麼了 每一次編輯dom和css之後，你都要拽著瀏覽器的邊緣拉拉扯扯，來測試你的編輯結果以及檢查是否有什麼東西故障了。css 就是被這樣玩爛了！歸根結底，大部分的努力都...
最佳的 14 個免費的響應式 Web 設計測試工具
一旦你決定要搭建乙個 就應該已經制定了設計標準。你認為下一步該做什麼呢？測試！我使用 測試 這個詞來檢測你 對不同螢幕和瀏覽器尺寸的響應情況。測試在響應式網頁設計的過程中是很重要的一步。如果你明白我所說的那你需要讓你的 在任何型別的裝置上都可以正常顯示。在當今世界，技術進步和工具所帶來的使用者不僅僅...
響應式設計的5個CSS實用技巧
正如我在教程響應式web設計三步走當中所講的，響應式的 web設計其實並不難，但是要讓元素在布局切換時能夠平滑過渡就比較考驗技巧了。現在我分享在編碼時常用的五個css技巧並舉例說明。這些技巧都是使用簡 單的css屬性，如min width max width overflow 和相對屬性值，但是這些...