网格中的滚动条

Question

我有一个大小为 300px 的网格，如果记录大于 10，则显示垂直滚动条，这很好，但同时也显示水平滚动条，我不想显示。 我的 css class 垂直

     .vstyle {
          overflow-y:auto
       }

如果我这样做

   .hstyle{
    overflow-x:none
   }

然后水平滚动条不显示，但如果最小化浏览器则不显示水平滚动条，因为 css 但如果浏览器最小化，我需要显示水平滚动条任何关于此的建议都会有所帮助。

Answer 1

您似乎需要为较小的设备或屏幕宽度变小添加 CSS @media 规则。为此，您可以使用下面的 CSS 代码。

@media screen and (max-width: 480px) {
   .hstyle{
       overflow-x: auto !important;
   }
}

只需将 max-width 部分调整到您需要的任何宽度即可再次开始滚动。希望这有帮助。