1,PC 考虑的是浏览器兼容性, 移动端开发考虑的更多的是手机兼容性, 因为目前不管是 android 手机还是 ios 手机, 一般浏览器用的都是 webkit 内核, 所以做移动端开发, 更多考虑的应该是手机分辨率的适配, 和不同操作系统的略微差异化;
2, 事件处理部分, 移动端需考虑触摸事件, 另弹出的手机键盘该如何处理
3, 移动端需实现布局自适应. 可使用 em(相对父元素字体的大小, 即父元素 font-size=18px,1em=18px),rem(相对根元素字体大小),vw
4, 在动画处理上, PC 端由于要考虑到 IE 的兼容性, 通常用 JS 做动画的通用性会好一些, 但相比 CSS3 却牺牲了较大的性能, 而在手机端, 如果要做一些动画, 特效等, 第一选择肯定是 CSS3, 既简单, 效率又高
5, 微信端文章分享的接口, title,description, 以及 icon 图标的配置需要进行了解
6, 百度地图的 API
7, 一般 pc 用 jquery, 移动端用 zepto
- 引用自纯 CSS3 使用 vw 和 vh 视口单位实现自适应(文章详细介绍了 vw 的使用)
视口 (源自 Peter-Paul Koch (江湖人称 "PPK 大神") 的理论):
PC 端: 指浏览器的可视区域
移动端: 则包括 Layout Viewport(布局视口), Visual Viewport(视觉视口),Ideal Viewport.
视口单位 ( Viewport units ) 中 "视口":
PC 端: 浏览器的可视区域
移动端: Layout Viewport(布局视口)
根据 CSS3 规范, 视口单位主要包括以下 4 个:
vw : 1vw 等于视口宽度的 1%
vh : 1vh 等于视口高度的 1%
vmin : 选取 vw 和 vh 中最小的那个
vmax : 选取 vw 和 vh 中最大的那个
来源: https://www.2cto.com/kf/201806/755850.html