个人觉得做移动端网页三大难点
- 自适应
- 动画的效率
- 移动端js事件的使用
开始
- 写移动端的第一步是在head标签里添加
上面声明,手机视口宽度=屏幕宽度,默认不可缩放复制代码
- 开发环境 可以使用http-server,browser-sync browser-sync 可以对文件进行监测,保存后自动刷新浏览器实现同步预览 可以在手机和电脑同时访问
- 调试环境 谷歌浏览器 F12,推荐将调试框放在右边
动画的效率
- opacity
- translate
- rotate
- scale
js事件的引用
jquery包对于移动端有点太重 移动端使用click时间有300s的延时,一般将click事件改为tap事件()
想进步的话~多去看看大公司的布局和css用法
资料
基础方面 性能方面 我的动画 ]