WEBVTT

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

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

00:00:08.433 --> 00:00:10.853
例如小螢幕的手機

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

00:00:15.241 --> 00:00:17.498
但是這會有兩個問題

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

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

00:00:23.839 --> 00:00:26.994
會變得非常難以使用

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

00:00:31.183 --> 00:00:34.333
設定網站可視區域的大小

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

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

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

00:00:48.277 --> 00:00:52.277
可視區域預設為 320x480 像素

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

00:00:56.015 --> 00:00:59.565
並客製你需要的大小尺寸

00:01:00.760 --> 00:01:03.330
你可以旋轉螢幕

00:01:04.349 --> 00:01:08.349
也可以藉著拖曳邊框改變大小

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

00:01:13.727 --> 00:01:17.727
如果你的網頁還有地方需要調整的話

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

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

00:01:26.174 --> 00:01:30.174
快上 developer.mozilla.org 看看吧！