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

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

（圖22）

（圖23）

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

（圖24）

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