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

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

（圖22）

（圖23）

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

（圖24）

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