网格中的滚动条

Question

我有300px大小的网格，如果记录大于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部分调整到您需要的宽度即可再次开始滚动。希望这会有所帮助。