现在超过一半的网站流量来自手机。
响应式设计原则
1. 使用viewport meta标签。
2. 使用相对单位（%、rem、vw）。
3. 使用CSS媒体查询。
4. 触摸友好的交互。
常用断点
@media (max-width: 768px) - 平板和手机。
@media (max-width: 480px) - 小屏手机。
字体大小
手机上的正文字体建议不小于16px，行间距1.6-1.8。
现在超过一半的网站流量来自手机。
1. 使用viewport meta标签。
2. 使用相对单位（%、rem、vw）。
3. 使用CSS媒体查询。
4. 触摸友好的交互。
@media (max-width: 768px) - 平板和手机。
@media (max-width: 480px) - 小屏手机。
手机上的正文字体建议不小于16px，行间距1.6-1.8。