元素计算后的真实宽高(px) = 你代码中设置的rem * 网站html标签的font-size(浏览器默认16px)

1: 通过 媒体查询 检查 用户手机的宽度，然后动态修改 font-size

2: 通过js来检测，然后动态修改 font-size



flex 弹性盒子有12css属性

1: 有6 用在父容器
  flex-direction 设置子元素是水平放置还是垂直放置
  justify-content 设置元素在主轴(x)的对齐方式
  align-items 设置y轴的对齐方式
  flex-wrap 当一行放不下的时候，决定元素如何换行

2: 有6 用在子元素

  order 设置子元素的排序，数值越小越靠start位置
  flex-grow 设置元素的所占空间比
  align-self 设置单个元素进行不同其他元素的布局