CSS使div变小，水平滚动条压缩内容

Question

我有一个表格，我想在小div中使用水平（水平）滚动条（适用于小型设备） 我试着添加：

overflow-x: auto;
max-height: 100vh;
max-width: 200px;

我看到滚动条但是div内容被压缩了（见图片），而且我也看到了垂直，我不希望有 我错过了什么？ 这是我的代码https://jsfiddle.net/zzahcq8a/