bootstrap3.02：表格响应在手机中不起作用，但在Firefox中工作

Question

bootstrap3.02：表格响应在手机中不起作用，但在Firefox中起作用。 的代码如下：

<div class="table-responsive"> 
     <table id="table12" class="table" > 
      <tr><td>my god </td><td>my god </td><td>my god </td><td>my god </td><td>my god </td><td>my god </td></tr> 
      <tr><td>my god </td><td>my god </td><td>my god </td><td>my god </td><td>my god </td><td>my god </td></tr> 
     </table>  
    </div> 

如果在PC电脑的Firefox浏览器窗口是足够小，会出现滚动条在表的底部。但是，如果手机中的UC浏览器窗口足够小，则滚动条不会出现在表格的底部。在360手机浏览器中，我可以通过移动手指来滚动表格，但滚动条仍然不出现。为什么？谢谢！

Answer 1

您可以使用您奥尼mediaQuery从你的HTML页面，在此改变“表响应”类 <style> @media (max-width:'**strong text**yourmaxpixel'px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; border: 1px solid #ddd; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; } } </style>