响应式

今天做了一个需求，PC端报表数据希望一行显示，不希望标题等换行或者乱掉

       除了对进度条等进行等比缩放，字体也要随着页面的缩放而改变，使用@media配合rem实现，一开始使用62.5%等这种百分比的数字进行自动的缩放，但是谷歌的字体最小是12px，然而其它浏览器并不会有这样的限制，会一直缩小直到看不清，一开始被局限住了，后来就使用百分比加上固定值的方式

html,
body {
  @media screen and (max-width:1800px) {
    font-size: 12px;
  }
  @media screen and (min-width:1800px) and (max-width: 1900px) {
    font-size: 90%;
  }
}