javascript - 如何调整内容大小以自动填充整个屏幕空间?

标签 javascript html css

所以我一直在寻找答案,并找到调整容器大小以适应内容大小的方法,但我想要的是调整内容以适合屏幕。

例如,这段代码:

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

相关文章:

html - 如何让 html 内容在初始 View 之外重复/加载?

javascript - 在 JavaScript 中添加多个 HTML 表单输入值

html - 在 polymer 中创建 anchor 元素

javascript - 在 javascript 中制作一个带有事件菜单的菜单吗?

javascript - 简单短语检测,按短语正则表达式分割

javascript - 将 HTML 转换为我有输入字段的 Word DOC

css - 使用 CSS 网格在最后一行居中元素

html - 如何实现复杂的 CSS 布局?

javascript - 如何让元素后面的滚动条

javascript - 将当前的 Google map 另存为图片