我习惯于编写原始的 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> test.html</h1></td>
</tr>
</table>
a minor word or two
<h2 style="color: red">A major proclamation</h2>
‐ more info ‐<br>
‐ and another thing ‐<br>
<br>
<form action="">
<b>SELECT</b><br>
<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。