网格中的滚动条

Question

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

     .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 部分调整为您需要它的任何宽度即可再次开始滚动。希望这会有所帮助。