Bootstrap 3表响应无法在移动浏览器的fieldset中工作

Question

我正在创建一个Web应用程序,发现如果我使用fieldset然后表响应,那么页面上的水平滚动就会出现(320*480)的分辨率.如果我删除了fieldset,那么它工作正常.

我想在他的页面中同时使用它们.

我也尝试将.table-responsive div放在一行> col-xs-12但是它没有帮助相同的水平滚动来.

<fieldset>
    <legend>Tester</legend>
    <div class="table-responsive">
      <table class="table">
        <thead>
          <tr>
            <th>#</th>
            <th>Table heading</th>
            <th>Table heading</th>
            <th>Table heading</th>
            <th>Table heading</th>
            <th>Table heading</th>
            <th>Table heading</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
            <td>Table cell</td>
          </tr>
        </tbody>
      </table>
    </div>
</fieldset>

Answer 1

Github问题

通过添加:display:table-cell; width: 100%到fieldset来修复它

jsFiddle演示

CSS

.responsive-fieldset {display:table-cell; width: 100%}

HTML

<fieldset class="responsive-fieldset">