如何让滚动条宽度不跟随浏览器变化而变化

Question

目前滚动条的粗细会随着浏览器放大缩小而改变（就是ctrl+滚轮的那种）,想让滚动条固定宽度

css样式如下：

.wtHolder::-webkit-scrollbar{
  display: none;
 }
 
 /*!* 滚动条整体样式 *!*/
 .wtHolder:hover::-webkit-scrollbar,.wtHolder::-webkit-scrollbar:hover{
  display: block;
  width: 8px;
  height: 8px;
 }
 
 .wtHolder:hover::-webkit-scrollbar-thumb, .wtHolder::-webkit-scrollbar-thumb:hover {
  border-radius: 3px;
  background: #CCC;
 }