html - 从普通 HTML 表格制作响应式表格

所以，

我用 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但它没有做任何事情，至少现在是这样。

最佳答案

样式一#

我删除了每个 td 和 tr 内的所有像素和点固定大小。它既痛苦又缓慢，我现在更愿意使用#2...

样式 #2

我只是用bootstrap grids 重做了一切，一旦你理解了引导网格，它比在表格中寻找固定大小要快得多。有了模板后，进行更改也会容易得多。

关于html - 从普通 HTML 表格制作响应式表格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45585351/