如何将固定宽度的桌子安装到手机浏览器的整个宽度？

Question

在旧的Web应用程序中，布局主要由固定宽度的表格完成：

<div class="main">
    <table width="520" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td>...</td>
        </tr>
        <tr>
            <td>...</td>
        </tr>
        <tr>
            <td>...</td>
        </tr>
    </table>
</div>

当首次加载页面时，有没有办法让上面的固定宽度（520px）表格适合手机浏览器窗口的宽度？

Answer 1

在标题中添加此标记，它应该可以正常工作

<meta name="viewport" content="width=device-width, user-scalable=no" />