通过css样式调整滚动条，需要怎么写，调整成为滚动条自适应页面大小变化（随着页面等比例缩小）

要通过 CSS 样式调整滚动条，可以使用`::-webkit-scrollbar`伪元素来进行调整。下面是一个调整样式的例子：

/* 隐藏滚动条 */
::-webkit-scrollbar {
  display: none;
}

/* 调整滚动条宽度，颜色等样式 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f5f5f5;
}

/* 调整滚动条 thumb 的样式 */
::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 5px;
}

/* 调整滚动条 thumb 在 hover 状态下的样式 */
::-webkit-scrollbar-thumb:hover {
  background-color: #999;
}

/* 调整滚动条 track 的样式 */
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}

如果要让滚动条自适应页面大小变化，可以使用百分比单位来设置样式。例如：

/* 调整滚动条宽度为页面宽度的 10% */
::-webkit-scrollbar {
  width: 10%;
}

/* 调整滚动条 thumb 的高度为页面高度的 20% */
::-webkit-scrollbar-thumb {
  height: 20%;
}

这样就可以使滚动条随着页面等比例缩放。