如何将内容扩展到手机的宽度,而不是笔记本电脑等?

问题描述 投票:0回答:0

我习惯于编写原始的 html 和 perl,但已经脱离循环十几年了。

像很多人一样,我希望我的内容能放大到手机的宽度,但在更大的设备上却不行,下面的示例可以正常工作。这是怎么做到的?

<!DOCTYPE html>
<html><head>
    <title>fill-er-up</title>
    <meta http-equiv=Content-Type content="text/html; charset=utf-8">
    <STYLE>
        html, body {margin: 0}
        body {
            background-color: #FFFFFF ;
            font-family: Helvetica, sans-serif ;
            color: #000000 ;
            font-size: large
        }
    </STYLE>
</head>
<body>
<center>
    <table style="border: none; padding: 0">
        <tr><td><svg width="48" height="48">
            <rect width="48" height="48" style="fill:#EAEA00"/></svg></td>
            <td><h1>&nbsp;test.html</h1></td>
        </tr>
    </table>
    a minor word or two
    <h2 style="color: red">A major proclamation</h2>
    &hyphen; more info &hyphen;<br>
    &hyphen; and another thing &hyphen;<br>
    &nbsp;<br>
    <form action="">
        <b>SELECT</b><br>
        &nbsp;<br>
        <table style="border: none; padding: 0">
            <tr><td>
                <input type="radio" id="A" name="R" value="A" checked>
                <label for="A">This way</label><br>
            </td></tr>
            <tr><td>
                <input type="radio" id="B" name="R" value="B">
                <label for="B">No that way</label><br>
            </td></tr>
        </table><br>
        <input type="submit" value="Submit">
    </form>
</center>
</body></html>

在我试过的几部手机上,上面例子的文字很小,只占宽度的中心2/8。

html css width
© www.soinside.com 2019 - 2024. All rights reserved.