Question

所以，

我发了一封电子邮件，内容是HTML4.01 严格使用嵌套表。

<body bgcolor="#666666">
    <table width="600" cellpadding="0" cellspacing="0" border="0" align="center" bgcolor="#666666">
        <tr>
            <td width="600" height="60">
                <table width="600" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td width="600" height="60" align="center"><span style="font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF"><br>
                        Etkö näe tätä viestiä?  <a href="#" style="color: #ffffff;">Siirry HTML-versioon</a>
              </span></td>
                    </tr>
                </table>
            </td>
        </tr>

就像这样。这个文档中有800多行代码。现在我被要求用相同的内容制作一个转发单页网站。

我的问题是，是否有一种简单或半简单的方法可以从HTML表格中生成响应式页面？

如您所见，有许多硬编码的宽度和高度

我想用一些疯狂的css技巧跳过一些工作。我做了谷歌搜索并找到了这个https://www.w3schools.com/howto/howto_css_table_responsive.asp，但它至今没有做任何事情。

Answer 1

Style 1＃

我删除了每个td和tr中的所有像素和点固定大小。它很痛苦而且很慢，而且我现在更愿意使用＃2 ......

风格＃2

我只是使用 bootstrap网格重新编写所有内容，一旦你理解了bootstrap网格，它的方式比在表格中寻找固定大小更快。拥有模板后，更容易进行更改。

使响应表脱离普通HTML表

1 个答案: