モバイルでChromeでオーバーフローオートと高さが動作しない

Question

<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ピクセルではありません。

Answer 1

高さが100pxを超えるようにテーブルに行を追加しました。予想通りに動作します：See my comment