Css 如何在智能手机上添加水平滚动条？

在我的web项目中，我有一个表格，我在

div

上添加了一个滚动条，该滚动条围绕着表格：

@媒体屏幕和（最小宽度：1000px）{
.滚动表格{
溢出-x：滚动！重要；
}
}

因此，对于响应迅速的移动浏览器，没有滚动条，表格也不会全部显示（您可以在下图中看到thios）。 桌面浏览器：

---

移动浏览器：

您需要在包装表格的块元素（div）上声明overflow-x属性。 您没有提供代码，因此此通用示例将向您演示：

溢出x表
标题1
标题2
标题3
标题4
标题5
标题6
标题7
标题8
标题9
一些数据1
一些数据2
一些数据3
一些数据4
一些数据5
一些数据6
一些数据7
一些数据8
一些数据9

我可以在您的媒体查询中看到一个问题

您当前的媒体查询为1000px及以上。您需要将其替换为1000px及以下

请尝试下面的CSS

 /* @media screen and (min-width:1000px)*/ /*old*/
    @media screen and (max-width:1000px){
     .scroll_table {
       overflow-x : scroll !important;
       -webkit-overflow-scrolling: touch;
      }
   }

---

移动浏览器隐藏了滚动条，但内容仍然可以滚动。我的CSS体验与用户体验相结合。在手机上水平滚动和垂直滚动不是一个好主意。这只会使向下滚动更困难。如果有可能将列与行翻转，并适合在屏幕上显示，我建议改为这样做。@JoachimHaglund我在手机上尝试过，但没有滚动条，也没有滚动条。请添加CSS属性“-webkit overflow scrolling:touch；“在您的类选择器中”。滚动表格-谢谢