网站在调整大小时自动适应屏幕
Site auto fit to screen on resize
我发现 Jacekjeznach site 布局在调整大小时适合屏幕大小：
... 另一个 site which doesn't show the same result.
我想知道第一个是如何工作的？它如何自动适应屏幕。
我发现容器高度设置为 100vh 时很奇怪，但在调整大小时，它看起来至少对我来说不是 100vh，而且字体大小、内容在调整大小时根本没有改变。之前，我一直在使用媒体查询并不断调整一些东西的大小以适应。
当我尝试将容器高度设置为 100vh 并调整其大小时，结果看起来不像第一张图片，而是第二张图片。
解释对我很有帮助。谢谢你的时间。
首先，您正在尝试学习许多人所缺乏的这些核心知识，这真是太棒了。您可以通过多种方式实现此结果，我发现一种方便且对我始终有效的方式是使用 CSS 框架，例如 Bootstrap.
Bootstrap 基本上适用于列和行，当然还有容器，它们会根据页面大小自动调整自己的大小。
列和行的概念并不新鲜，但令人惊奇的是 Bootstrap 为您完成大部分工作，您只需告诉列在网站或设备的大小，该特定列的大小应该是多少。
例如，假设您有一行 3 列，现在您不想手动完成大部分工作，为此您必须提供 bootstrap 类 一个命令，如果屏幕尺寸小于 400 像素，我希望列为全宽，那么我会说，
<div class="col col-sm-12"></div>
最棒的是，它们会自动堆叠在移动设备上。
我强烈建议您学习这些技术/框架。
编辑：这是一个非常宽泛的话题，我建议您在 youtube 上阅读一篇完全致力于响应性的文章或观看视频。
此功能的唯一魔力在于此
<meta name="viewport" content="width=device-width, initial-scale=1.0">
可在响应式网站中找到。其他网站似乎没有此元标记或以某种方式被屏蔽
有关元标记的更多信息，请在此处阅读更多内容 href
我发现 Jacekjeznach site 布局在调整大小时适合屏幕大小：
... 另一个 site which doesn't show the same result.
我想知道第一个是如何工作的？它如何自动适应屏幕。
我发现容器高度设置为 100vh 时很奇怪，但在调整大小时，它看起来至少对我来说不是 100vh，而且字体大小、内容在调整大小时根本没有改变。之前，我一直在使用媒体查询并不断调整一些东西的大小以适应。
当我尝试将容器高度设置为 100vh 并调整其大小时，结果看起来不像第一张图片，而是第二张图片。
解释对我很有帮助。谢谢你的时间。
首先，您正在尝试学习许多人所缺乏的这些核心知识，这真是太棒了。您可以通过多种方式实现此结果，我发现一种方便且对我始终有效的方式是使用 CSS 框架，例如 Bootstrap.
Bootstrap 基本上适用于列和行，当然还有容器，它们会根据页面大小自动调整自己的大小。
列和行的概念并不新鲜，但令人惊奇的是 Bootstrap 为您完成大部分工作，您只需告诉列在网站或设备的大小，该特定列的大小应该是多少。
例如，假设您有一行 3 列，现在您不想手动完成大部分工作，为此您必须提供 bootstrap 类 一个命令，如果屏幕尺寸小于 400 像素，我希望列为全宽，那么我会说，
<div class="col col-sm-12"></div>
最棒的是，它们会自动堆叠在移动设备上。 我强烈建议您学习这些技术/框架。
编辑：这是一个非常宽泛的话题，我建议您在 youtube 上阅读一篇完全致力于响应性的文章或观看视频。
此功能的唯一魔力在于此
<meta name="viewport" content="width=device-width, initial-scale=1.0">
可在响应式网站中找到。其他网站似乎没有此元标记或以某种方式被屏蔽
有关元标记的更多信息，请在此处阅读更多内容 href