[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:02.69,0:00:05.27,Default,,0000,0000,0000,,適應性設計檢視可以簡單地預覽
Dialogue: 0,0:00:05.39,0:00:08.38,Default,,0000,0000,0000,,你的網站或 WebApp 在各種裝置上的外觀和行為
Dialogue: 0,0:00:08.43,0:00:10.85,Default,,0000,0000,0000,,例如小螢幕的手機
Dialogue: 0,0:00:10.98,0:00:15.24,Default,,0000,0000,0000,,當然你可以直接調整瀏覽器視窗的大小
Dialogue: 0,0:00:15.24,0:00:17.50,Default,,0000,0000,0000,,但是這會有兩個問題
Dialogue: 0,0:00:17.53,0:00:20.69,Default,,0000,0000,0000,,首先，它很難精確設定可視區域的大小尺寸
Dialogue: 0,0:00:20.69,0:00:23.84,Default,,0000,0000,0000,,第二，當你讓桌面瀏覽器介面太小
Dialogue: 0,0:00:23.84,0:00:26.99,Default,,0000,0000,0000,,會變得非常難以使用
Dialogue: 0,0:00:27.03,0:00:31.13,Default,,0000,0000,0000,,有了適應性設計檢視，你可以輕易且準確的
Dialogue: 0,0:00:31.18,0:00:34.33,Default,,0000,0000,0000,,設定網站可視區域的大小
Dialogue: 0,0:00:34.35,0:00:38.15,Default,,0000,0000,0000,,同時瀏覽器視窗仍維持在原本的大小
Dialogue: 0,0:00:40.22,0:00:42.12,Default,,0000,0000,0000,,因為，瀏覽器視窗大小是不變的
Dialogue: 0,0:00:42.20,0:00:44.90,Default,,0000,0000,0000,,當你工作時，你可以很容易地切換到其他頁籤
Dialogue: 0,0:00:48.28,0:00:52.28,Default,,0000,0000,0000,,可視區域預設為 320x480 像素
Dialogue: 0,0:00:52.67,0:00:55.97,Default,,0000,0000,0000,,你可以選擇其他一些預設值
Dialogue: 0,0:00:56.02,0:00:59.56,Default,,0000,0000,0000,,並客製你需要的大小尺寸
Dialogue: 0,0:01:00.76,0:01:03.33,Default,,0000,0000,0000,,你可以旋轉螢幕
Dialogue: 0,0:01:04.35,0:01:08.35,Default,,0000,0000,0000,,也可以藉著拖曳邊框改變大小
Dialogue: 0,0:01:10.49,0:01:13.65,Default,,0000,0000,0000,,當然你可以同時使用其他的開發者工具進行偵錯
Dialogue: 0,0:01:13.73,0:01:17.73,Default,,0000,0000,0000,,如果你的網頁還有地方需要調整的話
Dialogue: 0,0:01:18.88,0:01:22.56,Default,,0000,0000,0000,,這是一個非常簡短的適應性設計檢視介紹
Dialogue: 0,0:01:22.56,0:01:26.13,Default,,0000,0000,0000,,若想獲得更多 Firefox 開發者工具的相關資訊
Dialogue: 0,0:01:26.17,0:01:30.17,Default,,0000,0000,0000,,快上 developer.mozilla.org 看看吧！