移动端前端开发和pc端有何区别?
1、兼容性
pc端需要考虑浏览器兼容性,移动端主要考虑屏幕分辨率和不同系统的兼容性。
2、页面布局
PC端常用布局固定宽度980px居中,移动端屏幕的大小和分辨率不同,多用响应式布局,使用em(以父元素为基础)、rem(以根元素为基础)。
3、JS动画
移动端没有hover事件、增加了touch和touchSlide事件,需要处理键盘跳出与隐藏。考虑到性能,移动端使用的js库应尽量小。
4、开发调试
PC端用chrome后台调试,移动端大部分可以用chrome移动端模拟调试器,但有的功能还需要在手机上调试。