第四步：參考圖22，使用矩形、文本標簽、占位符等部件在基本視圖中繪制著陸頁。

第五步：在自適應視圖工具欄中單擊768視圖，然后昆明網(wǎng)站建設小編覺得根據(jù)輔助線提示適當修改該視圖中部件的尺寸和位置，見圖23。

（圖22）

（圖23）

繼續(xù)在自適應視圖上方工具欄中單擊480視圖，根據(jù)輔助線提示適當修改該視圖中部件的尺寸和位置，見圖24。

（圖24）

第六步：在頂部的工具欄中單擊【預覽】按鈕，然后調(diào)整瀏覽器寬度，觀察自適應視圖變化。當瀏覽器寬度大于等于1200像素時會顯示【基本】視圖，當瀏覽器寬度小于等于768像素時會顯示768平板豎屏視圖，當瀏覽器寬度小于等于480像素時則會顯示480手機豎屏視圖。