html - 如何使固定宽度的表格适合手机浏览器的整个宽度？

Question

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

<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" />