移动端与PC的不同-笔记

1、兼容性方面

      移动端：主要是不同终端分辨率问题

      PC端 ： 主要在浏览器不同内核兼容性上问题

2、布局方面

      移动端：移动端除了不同型号终端的分辨率问题还有同一终端的横屏竖屏处理，总体就是响应式布局（自适应布局）

      PC端 ： 通常有固定宽度（980px（也有960，1000,1200）），也就是版心，然后将版心居中margin:0 auto;

3、js方面

      移动端：没有点击事件，只有触摸、滑动事件（点击、滑动、双击、双指放大、双指缩小、五指收缩和苹果最新的3Dtouch按压力度等）

      PC端 ： 通常有固定宽度（980px（也有960，1000,1200）），也就是版心，然后将版心居中margin:0 auto;（滑动、左击、右击、双击操作等）

4、 css3方面

      移动端：手机游览器可能不兼容css3的属性 ，可通过媒体查询增强代码健壮性或使用calc()直接计算宽高

                     @media screen and (max-width: 750px) {

                          //当宽度小于750px时,执行花括号中的内容

                      }

      PC端 ： 

5、屏幕方面 

     移动端： 操作局限性大，在设计中避免原件过小过近

      PC端 ：  视觉范围更广，设计性更强，容错度更高

6、网络方面

     移动端： 信号问题导致网络环境不佳，出现网速差甚至断网的问题，这需产品经理在设计中充分考虑网络问题

      PC端 ： 网络一般及较为稳定

7、传感器方面

     移动端： 较多（压力、方向、重力、GPS、NFC、指纹识别、3Dtouch、陀螺仪等）

      PC端 ：  很少

8、使用时间方面

     移动端： 使用时间更加灵活化、碎片化，偏向于短时间内可完成的。

      PC端 ：  一般为固定场景，使用时间偏向于持续化

9、迭代更新方面

     移动端： 迭代时间较短

      PC端 ：  迭代时间较长（用户一般不会主动更新软件）

 

参考文章：

本文为自己知识点搜索整理，若有侵权麻烦联系我，可删除本文章。谢谢(*￣︶￣)