本文总结了在新公司开发前台业务时遇到的分辨率适配问题，包括antV图表参数设置、文字省略处理、表格列宽百分比设置、不同分辨率下的图表位置调试、React样式管理以及px、em、vh等单位的区别。通过对这些问题的解决，提供了前端开发中的实用经验。
自从来了新公司，大部分的时间都在开发前台业务
后台使用springCloud全家桶后
后台基本上都是写model类了
最近在适配前台的分辨率问题
真是各种深坑
1、使用antV可视化组件，图表的设置不能在less文件里面设置，必须作为参数传递进去，
开发当初全部是写死的，所以全部提取成配置参数，1920、1280、1366各一份
2、如果出现文字过长超出当前面板位置，则设置文字长度，超出部分以省略符代替，同时提供title属性，当鼠标放到面板时提示全部内容
省略号设置：
overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
3、表格列宽设置使用百分比，最后一行不设置宽度
4、图表位置调试
1920分辨率的
1366和1280分辨率的样式
5、react样式设置是通过className，使用class会有警告提示
class样式有在className引入
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
