適應性設計檢視可以簡單地預覽
你的網站或 WebApp 在各種裝置上的外觀和行為
例如小螢幕的手機
當然你可以直接調整瀏覽器視窗的大小
但是這會有兩個問題
首先，它很難精確設定可視區域的大小尺寸
第二，當你讓桌面瀏覽器介面太小
會變得非常難以使用
有了適應性設計檢視，你可以輕易且準確的
設定網站可視區域的大小
同時瀏覽器視窗仍維持在原本的大小
因為，瀏覽器視窗大小是不變的
當你工作時，你可以很容易地切換到其他頁籤
可視區域預設為 320x480 像素
你可以選擇其他一些預設值
並客製你需要的大小尺寸
你可以旋轉螢幕
也可以藉著拖曳邊框改變大小
當然你可以同時使用其他的開發者工具進行偵錯
如果你的網頁還有地方需要調整的話
這是一個非常簡短的適應性設計檢視介紹
若想獲得更多 Firefox 開發者工具的相關資訊
快上 developer.mozilla.org 看看吧！