怎么制作HTML5頁面讓它適應電腦和手機的尺寸
相信很多剛入行的互聯網前端小白還不知道如何將HTML5頁面，移動端頁面進行手機，平板，電腦和各系統的適配，接來下我將自己的經驗分享給大家
東西/原料
- win7電腦
- IE9+ 瀏覽器
- vscode相關東西
方式/步調
- 1
起首我們要進修先關Html5和css相關的常識，再進修移動端先關常識，如視口，rem像素。還有此刻風行的屏幕尺寸
- 2
我們還要領會css相關的語法，這樣才能更好的去學
- 3
然后在頁面中引入下面的代碼，響應式頁面根基搭建完當作
- 4
再針對每個尺寸分歧的視口進行媒體查詢設置裝備擺設寫代碼，代碼如下，寫完后您的h5頁面就可以適配分歧的視口和界面了
END
方式/步調2
- 1
若是感覺太麻煩可以選擇操縱框架來搭建，這樣我們可以省去解決適配的問題，直接來編寫我們的代碼，例如此刻比力風行的bootstarp框架
- 2
有樂趣的可以進官網去進修，對于搭建響應式，解決移動端頁面適配問題很便利
END
注重事項
- 若是頁面欠好寫建議利用框架
- 進修框架也是敏捷解決問題的一種法子
- 發表于 2020-05-05 19:00
- 閱讀 ( 737 )
- 分類：其他類型
admin
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章