CSS - 强制表保留在页面上

Question

在某些移动设备（如iPhone 5C）上，我网页上的表格离页面只有一半。如何更改，以便我的页面宽度不会小于使用CSS的表格的最小宽度。

我尝试过尽可能多的剃须空间，但我似乎无法让我的桌子移动得更小。

（移动网站[转到页面底部并选择移动版]）http://mobilereactor.co.uk/shop/mobile-phones/samsung-galaxy-j1-white-deals/

有问题的表格在选项卡中。尝试尽可能小地在浏览器中调整页面宽度，您将看到问题。

正如您在the image页面中看到的那样，可以调整过去表格的最小宽度。

Answer 1

这可以防止表格内容超出其父容器的范围，如屏幕截图所示。

#upgrades-datatable_wrapper {
  width: 100%;
  overflow: auto;
}

屏幕大小约为300像素