显示没有滚动条的全表

Question

我想在较小的屏幕中显示没有滚动条的12列表。表应缩小到设备宽度。我怎样才能实现它？

Answer 1

您将了解CSS中的各种度量单位，例如px，em，rem，pt等。

最近CSS测量单位的创新（自2011年左右开始）是视口单元：

• vw - 浏览器视口宽度的1％
• vh - 浏览器视口高度的1％
• vmax - 以较大者为准，vw或vh
• vmin - 以较小者为准，vw或vh

因此，如果您使用以下方式设置表格的样式：

table {
width: 95vw;
max-width: 95vw;
}

您的表格将始终是浏览器视口宽度的95％，无论该视口的宽度或范围有多窄。