一、通用分辨率适配方案三

• 方案：利用 rem + @media 进行适配
• 具体：
  • 当前所有高保真设计稿以1366*768为标准尺寸进行设计
  • 当前采用postcss方式在编译阶段对px动态转换成rem
  • 在控制html跟元素fontSize来控制整体的缩放比例
  • 在1366-1920区间fontSize为10px，无放大效果按照设计稿尺寸即可
  • 在1920-2560区间fontSize为12px，即放大1.2倍，此时所有设置的px像素值均会放大1.2倍
  • 在2560+区间fontSize为18px，即放大1.8倍，此时所有设置的px像素值均会放大1.8倍
  • 针对页面字体等元素大小此处postcss的处理已经能满足要求，无需做其他处理
  • 针对卡片，等样式需要做媒体查询处理，不能产生卡片填充不满的情况
  • 媒体查询适配需要常用的1366 1600 1920 2560 以及4K常用的几种尺寸