移动端前端开发和pc端有何区别?

1、兼容性

pc端需要考虑浏览器兼容性,移动端主要考虑屏幕分辨率和不同系统的兼容性。

2、页面布局

PC端常用布局固定宽度980px居中,移动端屏幕的大小和分辨率不同,多用响应式布局,使用em(以父元素为基础)、rem(以根元素为基础)。

3、JS动画

移动端没有hover事件、增加了touch和touchSlide事件,需要处理键盘跳出与隐藏。考虑到性能,移动端使用的js库应尽量小。

4、开发调试

PC端用chrome后台调试,移动端大部分可以用chrome移动端模拟调试器,但有的功能还需要在手机上调试。

posted @ 2018-08-21 17:15  你是海上的烟火  阅读(1672)  评论(0编辑  收藏  举报