所以我一直在寻找答案,并找到调整容器大小以适应内容大小的方法,但我想要的是调整内容以适合屏幕。
例如,这段代码:
<!DOCTYPE html>
<html>
<body>
<p>A little bit of preamble before the form.</p>
<form action="/action_page.php" method="get" autocomplete="off">
First name:<input type="text" name="fname"><br>
E-mail: <input type="email" name="email"><br>
<input type="submit">
</form>
</body>
</html>
非常简单。我想从不同的屏幕、桌面、手机等访问同一个站点。
是否有一些代码可以调整文本的字体,调整所有内容以使其占据整个窗口?或者至少是在手机上双击时会自动放大的东西。在手机上,您必须用两指捏合缩放。但在大多数网站上,通常双击一个区域会自动放大到最大可能的大小。此代码甚至不允许这样做。
最佳答案
我不知道我的解释是否正确,但是如果将这段代码放在开口 <html>
之间,那么在较小的分辨率下一切看起来都很正常,而不像桌面屏幕。和 <body>
标签:
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
关于javascript - 如何调整内容大小以自动填充整个屏幕空间?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57761834/