怎么制作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
- 阅读 ( 732 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章