Question

我正在开发我的第一个移动版网站。我有1000篇文章，其中包含HTML表格。不幸的是，它们具有固定的宽度，并且在某些情况下（主要是照片库）用于布局内容。

我想知道是否有人对如何通过格式化这些表格有任何建议，以便在不需要滚动条的情况下很好地显示在移动屏幕上？就像一个列表或一系列div一样。有什么想法吗？

我在PHP中使用jQuery mobile作为我的框架和代码。

我能想到的当前唯一“修复”是将<div>与width:100%和overflow-x:auto包装在一起。

Answer 1

实际上，你会用css打破这个桌面，但你可以尝试这样的事情：

table{
  width: 100%;
}
tr{
  display: block;
}
td{
  float: left;
  width: 24%
}

这将使得事物更像是一堆div而不是表行和单元格。对于实际的表格数据，我真的不建议这样做。但是对于画廊和布局你应该没问题。