0:00:02.692,0:00:05.269
適應性設計檢視可以簡單地預覽

0:00:05.388,0:00:08.381
你的網站或 WebApp 在各種裝置上的外觀和行為

0:00:08.433,0:00:10.853
例如小螢幕的手機

0:00:10.983,0:00:15.241
當然你可以直接調整瀏覽器視窗的大小

0:00:15.241,0:00:17.498
但是這會有兩個問題

0:00:17.533,0:00:20.686
首先，它很難精確設定可視區域的大小尺寸

0:00:20.686,0:00:23.839
第二，當你讓桌面瀏覽器介面太小

0:00:23.839,0:00:26.994
會變得非常難以使用

0:00:27.033,0:00:31.133
有了適應性設計檢視，你可以輕易且準確的

0:00:31.183,0:00:34.333
設定網站可視區域的大小

0:00:34.346,0:00:38.146
同時瀏覽器視窗仍維持在原本的大小

0:00:40.215,0:00:42.125
因為，瀏覽器視窗大小是不變的

0:00:42.200,0:00:44.900
當你工作時，你可以很容易地切換到其他頁籤

0:00:48.277,0:00:52.277
可視區域預設為 320x480 像素

0:00:52.674,0:00:55.974
你可以選擇其他一些預設值

0:00:56.015,0:00:59.565
並客製你需要的大小尺寸

0:01:00.760,0:01:03.330
你可以旋轉螢幕

0:01:04.349,0:01:08.349
也可以藉著拖曳邊框改變大小

0:01:10.488,0:01:13.648
當然你可以同時使用其他的開發者工具進行偵錯

0:01:13.727,0:01:17.727
如果你的網頁還有地方需要調整的話

0:01:18.878,0:01:22.558
這是一個非常簡短的適應性設計檢視介紹

0:01:22.558,0:01:26.128
若想獲得更多 Firefox 開發者工具的相關資訊

0:01:26.174,0:01:30.174
快上 developer.mozilla.org 看看吧！