移动网站的制作与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
喜欢此经验,请投票和点赞
上一篇:商标转让的时间规定一般是多久?
下一篇:铭天知产-商标转让