自適應著陸頁的最后三步

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

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

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

11.jpg

(圖22)

11.jpg

(圖23)

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

11.jpg

(圖24)

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


當前文章標題:自適應著陸頁的最后三步

當前URL:http://m.supportcoffeeroasters.com/news/wzzz/3503.html

上一篇:制作一個簡單的自適應著陸頁的第三步

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

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