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

您可以在html页面中使用自己的媒体查询来覆盖“.table-responsive”类 <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>

bootstrap3.02：table-responsive在手机中不起作用，但在firefox中有效

1 个答案: