本文介绍如何使用css3的vh单位使DataTable插件在不同分辨率下高度自适应，通过调整视窗高度百分比，确保表格数据在各种显示器上都能得到良好的显示效果。
应用
不同显示器的分辨率不一样，导致显示效果不一致。很多情况下，在该分辨率下显示适合，在其它显示器显示过大或过小。如何调至更好的用户体验？这是一门比较耗时的功课。本篇文章应用范围很窄，只讲DataTable插件的高度自适应。在不同的分辨率下，尽可能地将表单数据更好的显示出来。
实现
利用css3的新单位：vh
'sScrollY': 'calc(100vh - 280px)'
其中，100vh代表视窗高度的100%，280px则根据页面自定义。需要注意的是减号 “-” 两端需要空格。
效果
扫一扫
580
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
