Twitter bootstrap Bootstrap 3表响应在移动浏览器的字段集内不工作

我正在创建一个web应用程序，发现如果我使用fieldset，然后使用table responsive，则页面上会出现一个分辨率为（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>

测试员
#
表格标题
表格标题
表格标题
表格标题
表格标题
表格标题
1.
表单元格
表单元格
表单元格
表单元格
表单元格
表单元格

事实证明，当视口宽度未设置为设备宽度时，此问题可能会出现在移动浏览器上。在你的

中添加这个元素，至少对Chrome有帮助

<meta name="viewport" content="width=device-width">

---

请参阅@bootstrapthemer的答案，让mobile Mozilla以我们习惯的方式处理字段集宽度。Mozilla意识到了这一错误。

当视口宽度未设置为设备宽度时，移动浏览器上可能会出现此问题。在你的

中添加这个元素，至少对Chrome有帮助

<meta name="viewport" content="width=device-width">

请参阅@bootstrapthemer的答案，让mobile Mozilla以我们习惯的方式处理字段集宽度。Mozilla意识到了这个错误，并且

添加

：显示：表格单元格；宽度：100%

至字段集

CSS

HTML

添加

：显示：表格单元格；宽度：100%

至字段集

CSS

HTML

---

只需在字段集中添加此样式即可

min-inline-size: auto;

---

只需在fieldset中添加此样式

min-inline-size: auto;

---

您好@jeremy。谢谢您的回复。但是我更新了代码库，并在mozilla中再次尝试了相同的解决方案问题，仍然存在，这只是mozilla中的问题吗？设备是什么？mozilla中的分辨率320*480我正在测试它。使用ctrl+shift+M响应测试功能。我已更新了答案以反映此消息，并且缺少的

标记不是问题的根源。确定，嗯，我的答案将有助于涵盖更多的浏览器，但@bootstrapthemer的答案是Mozilla所需要的。嗨@jeremy。谢谢你的回复。但是我更新了代码库，并在Mozilla中再次尝试相同的解决方案问题仍然存在，这仅在Mozilla中存在吗？设备是什么？mozilla中的分辨率320*480我正在测试它。使用ctrl+shift+M响应测试功能。我已经更新了我的答案以反映这一消息，并且缺少的

标记不是问题的根源。好的，我的答案将有助于涵盖更多浏览器，但是@bootstrapthemer的答案是Mozilla需要的。这可能是一个更好的答案，但你应该解释为什么…它为我工作这也许是一个更好的答案，但你应该解释为什么…它为我工作