多语言展示
当前在线:161今日阅读:159今日分享:18

移动网站制作教程

移动网站的制作与PC端网站的制作方式几乎是没有差别的,最主要的差别就是使用HTML5的viewport和CSS的媒体查询
工具/原料
1

电脑一台

2

html5&css3

方法/步骤
1

新建一个HTML5文档,

2

因为移动网站通常是对设备屏幕自适应的,所以,首先应该使用html5的viewport功能,在html5文档中声明viewport

3

使用媒体查询方法,设置一个移动端网站的CSS,例如:

4

丰富HTML5文档的主题信息,在body内写入页面显示元素

5

为手机端的CSS设置基本样式

6

保存以上所有内容,当在设备屏幕宽度超过768px时,例如电脑设备,则不会使用移动端特定的CSS

7

当设备宽度小于768px时,则加载移动设备指定的CSS

注意事项
1

建议使用viewport和CSS媒体查询功能

2

喜欢此经验,请投票和点赞

推荐信息