移动端反思

移动端

viewport视口设置

浏览器兼容性

-webkit-内核主流

移动端布局方式

• 流式布局（自适应百分比布局）
  盒子宽度设为百分比，根据屏幕宽度进行伸缩，内容向两侧填充
  优：适于移动端
  缺：非等比
• bootstrap响应式布局
  兼容多个终端，利用媒体查询原理，根据screen的宽度确定某个宽度区间的网页布局
• 媒体查询+rem布局
  相对于网站根元素动态计算大小
  优：适配手机和ipad，等比
• flex弹性布局

移动端和PC端区别

关注的问题：

• 手机兼容性vs浏览器兼容性
• touch事件
• 移动端自适应
• 移动端流量