Bootstrap：如何使表缩小到屏幕？

Question

当我缩小我的浏览器屏幕以模仿移动显示器时，该表就像我想要的那样：它缩小以适应。在这里查看：

但是，当我在Safari上进入自适应设计模式时（或当我在移动设备上访问该网站时），该表格会中断。在这里查看：

正如你在第二张照片中所说，我的桌子周围有<div class="table-responsive">。这使得表可在移动显示器上滚动。我不想要滚动，我希望它能显示一切，只是缩小了一点。

我的数据单元格的宽度设置为百分比（例如5％，10％，30％），因此它不像表格被强制溢出。

任何帮助都将不胜感激。

Answer 1

尝试使用设备的媒体查询来仅更改该设备的CSS。 有点像...

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
// insert CSS here to make adjustments for this view

}