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

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

（圖22）

（圖23）

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

（圖24）

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