今天在看后台管理系统时,领导发现表格中的横向和纵向的滚动条宽度不一致,导致页面看上去很不协调:
如下:
根据上图效果:会发现:横向滚动条的高度与纵向滚动条的宽度不一致:
修改页面滚动条的宽高可以通过如下的css
样式来处理:
::-webkit-scrollbar {width: 7px;height: 7px;background-color: transparent;}
只要将上面css
中的width
和height
设置成一个数值,就可以保证横向滚动条的高度与纵向滚动条的宽度保持一致了。
完成!!!