自適應(yīng)著陸頁(yè)的最后三步

  • 2022-06-24 19:01:51
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://m.iy5y368.cn

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

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

11.jpg

(圖22)

11.jpg

(圖23)

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

11.jpg

(圖24)

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


當(dāng)前文章標(biāo)題:自適應(yīng)著陸頁(yè)的最后三步

當(dāng)前URL:http://m.iy5y368.cn/news/wzzz/3503.html

上一篇:制作一個(gè)簡(jiǎn)單的自適應(yīng)著陸頁(yè)的第三步

下一篇:制作天貓商城商品列表頁(yè)的第一步

網(wǎng)站建設(shè)、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專線:15368242187(微信同號(hào))