1
00:00:02,692 --> 00:00:05,269
適應性設計檢視可以簡單地預覽

2
00:00:05,388 --> 00:00:08,381
你的網站或 WebApp 在各種裝置上的外觀和行為

3
00:00:08,433 --> 00:00:10,853
例如小螢幕的手機

4
00:00:10,983 --> 00:00:15,241
當然你可以直接調整瀏覽器視窗的大小

5
00:00:15,241 --> 00:00:17,498
但是這會有兩個問題

6
00:00:17,533 --> 00:00:20,686
首先，它很難精確設定可視區域的大小尺寸

7
00:00:20,686 --> 00:00:23,839
第二，當你讓桌面瀏覽器介面太小

8
00:00:23,839 --> 00:00:26,994
會變得非常難以使用

9
00:00:27,033 --> 00:00:31,133
有了適應性設計檢視，你可以輕易且準確的

10
00:00:31,183 --> 00:00:34,333
設定網站可視區域的大小

11
00:00:34,346 --> 00:00:38,146
同時瀏覽器視窗仍維持在原本的大小

12
00:00:40,215 --> 00:00:42,125
因為，瀏覽器視窗大小是不變的

13
00:00:42,200 --> 00:00:44,900
當你工作時，你可以很容易地切換到其他頁籤

14
00:00:48,277 --> 00:00:52,277
可視區域預設為 320x480 像素

15
00:00:52,674 --> 00:00:55,974
你可以選擇其他一些預設值

16
00:00:56,015 --> 00:00:59,565
並客製你需要的大小尺寸

17
00:01:00,760 --> 00:01:03,330
你可以旋轉螢幕

18
00:01:04,349 --> 00:01:08,349
也可以藉著拖曳邊框改變大小

19
00:01:10,488 --> 00:01:13,648
當然你可以同時使用其他的開發者工具進行偵錯

20
00:01:13,727 --> 00:01:17,727
如果你的網頁還有地方需要調整的話

21
00:01:18,878 --> 00:01:22,558
這是一個非常簡短的適應性設計檢視介紹

22
00:01:22,558 --> 00:01:26,128
若想獲得更多 Firefox 開發者工具的相關資訊

23
00:01:26,174 --> 00:01:30,174
快上 developer.mozilla.org 看看吧！