我正试图让这个网站上的表格在移动设备上正常运行： http://whitehallrow.com/classic-whitehall-spirit-17-slide-seat-model/
页面上有两个表格;规格表和船期权定价表。我希望specs表在中间分割并换行，这样所有粗体字都在屏幕的左边，数据在右边。
我还希望定价表变得更窄，以便它不会偏离页面的一侧。我已经尝试为每列分配宽度百分比，但我似乎无法从中得到任何结果。
我不擅长处理HTML表格，所以我在这里有点迷失。我怎样才能让他们合作？
答案 0 :(得分：1)
首先，我们不能在这里教你HTML。你需要自己学习。
其次，页面是恕我直言，太过分了。您是否正在使用一些现成主题的内容管理系统？因为HTML和CSS对于这样一个简单的网站来说太“重了”。这将使更改变得更加困难，特别是对于移动“优化”。
对于规格表：只需使用一个两列表，八行而不是四乘四表。
但是，如果您希望为桌面浏览器保留相同/相似的布局，则会更复杂一些。
对于价格表：从样式表中删除硬编码的style="width: 400px和width: 100%。 （后者会影响所有表，但在所有表上都有width: 100%并不是一个好主意。）这样，表格将根据内容和屏幕宽度自动重新调整大小。您只需要在表格单元格中添加一些填充，这样这些值就不会相互挤压。