網格中的滾動條

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部分調整爲您需要的寬度再開始滾動即可。希望這可以幫助。