第四步:參考圖22,使用矩形、文本標(biāo)簽、占位符等部件在基本視圖中繪制著陸頁。
第五步:在自適應(yīng)視圖工具欄中單擊768視圖,然后昆明網(wǎng)站建設(shè)小編覺得根據(jù)輔助線提示適當(dāng)修改該視圖中部件的尺寸和位置,見圖23。
(圖22)
(圖23)
繼續(xù)在自適應(yīng)視圖上方工具欄中單擊480視圖,根據(jù)輔助線提示適當(dāng)修改該視圖中部件的尺寸和位置,見圖24。
(圖24)
第六步:在頂部的工具欄中單擊【預(yù)覽】按鈕,然后調(diào)整瀏覽器寬度,觀察自適應(yīng)視圖變化。當(dāng)瀏覽器寬度大于等于1200像素時(shí)會顯示【基本】視圖,當(dāng)瀏覽器寬度小于等于768像素時(shí)會顯示768平板豎屏視圖,當(dāng)瀏覽器寬度小于等于480像素時(shí)則會顯示480手機(jī)豎屏視圖。
當(dāng)前文章標(biāo)題:自適應(yīng)著陸頁的最后三步
當(dāng)前URL:http://www.gtalker.cn/news/wzzz/3503.html
上一篇:制作一個(gè)簡單的自適應(yīng)著陸頁的第三步
下一篇:制作天貓商城商品列表頁的第一步