低分辨率显示器下的样式兼容

问题：

最近项目中遇到一个问题，就是在echarts图表等设计属性比较强的页面中，客户的电脑上样式异常，使用的是分辨率1440*900台式电脑！

开发中尽量使用flex布局+百分比模式，但还是有很多没考虑到，比如设置了一些固定值padding，margin，都有影响。

处理方法：

1、采用em或rem设置长度

适应各种不同的移动端和pc端的屏幕，并在html根目录设置显示大小

html {
  font-size: 62.5%;
}

　　可以修改font-size值来控制全局大小显示；

2、横向和纵向都尽量使用flex布局或者grid布局

// 纵向布局
.jj {
　　　display: flex;
　　flex-direction: column;
　　justify-content: space-around;
}