溢出自动和高度在手机上的铬不工作

<div class="service-table"> 
    <table class="table"> 
     <thead> 
      <th>Title</th> 
      <th>Title</th> 
     </thead> 
     <tbody> 
      <tr> 
       <td>Text</td> 
       <td>Text</td> 
      </tr> 
     </tbody> 
    </table> 
</div>

我有一个表与这个Bootstrap类。这是我的div CSS：溢出自动和高度在手机上的铬不工作

.service-table { 
    height: 100px; 
    overflow: auto; 
    text-align: center; 
}

我试图修复高度，如果表的高度高于100px并显示滚动条。在其他浏览器的桌面或移动设备上，这很好（在桌面版Chrome上也不错）。但在移动版Chrome上，滚动条不会显示，因此高度不是100像素。

来源

2017-04-12 Volkan

我添加了更多行到您的表，使其超过100px的高度，它的工作原理如下：http://jsbin.com/rarayurina/edit?html,css,output –

我会在电话上测试谢谢你:) – Volkan

适用于我的手机。测试全屏在这里：http://output.jsbin.com/rarayurina/quiet –

我在表格中添加了更多的行，使其高度超过100px，并且按预期工作：See my comment。

来源

2017-04-12 23:45:41

溢出自动和高度在手机上的铬不工作

回答

相关问题