响应表CSS

Question

这是我的表

我想在css

中显示上面的移动响应表

Answer 1

不知道这是否是您要完成的任务，但请尝试使用视口宽度单位vm。

.responsive-table {
  border-spacing: 0px;
  width:100%;
  font-size:2vw;
 }
.responsive-table th{background-color:red;color:white;padding:5px}

这是一个jsfiddle

https://jsfiddle.net/f5c93LL2/

它将相对于视口宽度向下缩放字体，因此如果浏览器支持vw单元，则表格在每个屏幕上看起来都相同。