尽管有 % 宽度和高度，但在浏览器调整大小时缺少内容
Missing content during browser resize despite % widths and heights
我目前遇到了调整浏览器大小的问题。当页面为全尺寸时（即浏览器 window 没有被最小化），页面运行良好，产生：
但是，当我将 window 最小化时，通过垂直压缩使其变小，会发生这种情况：
内容被截断，我无法在调整大小的浏览器中滚动查看完整内容window。
我知道这是一个常见问题。我已尝试通过确保：
来解决此问题
- 任何宽度都以 % 表示（事实上，一切都很好地缩放
关于宽度）
- 高度为
auto（以便它们包裹必要的内容）
当这没有解决时，我将高度值替换为 % 值，而不是简单地使用 auto，确保总高度值不超过 100%。不幸的是，这也没有成功。知道为什么，我能做些什么来完成这项工作？提前致谢！
我的 HTML 和 CSS 可以在这里找到：https://codepen.io/anon/pen/yoBEWb
您可以使用媒体查询来适当调整屏幕大小和调整内容。基本上，媒体查询类似于一条规则，例如：如果我的屏幕高度小于或等于 480 像素，那么请减小字体大小，将其放在下面...更多信息 here.
尝试将 height: 100vh; 更改为 min-height: 100vh;
我目前遇到了调整浏览器大小的问题。当页面为全尺寸时（即浏览器 window 没有被最小化），页面运行良好，产生：
但是，当我将 window 最小化时，通过垂直压缩使其变小，会发生这种情况：
内容被截断，我无法在调整大小的浏览器中滚动查看完整内容window。
我知道这是一个常见问题。我已尝试通过确保：
来解决此问题- 任何宽度都以 % 表示（事实上，一切都很好地缩放 关于宽度）
- 高度为
auto（以便它们包裹必要的内容）
当这没有解决时，我将高度值替换为 % 值，而不是简单地使用 auto，确保总高度值不超过 100%。不幸的是，这也没有成功。知道为什么，我能做些什么来完成这项工作？提前致谢！
我的 HTML 和 CSS 可以在这里找到：https://codepen.io/anon/pen/yoBEWb
您可以使用媒体查询来适当调整屏幕大小和调整内容。基本上，媒体查询类似于一条规则，例如：如果我的屏幕高度小于或等于 480 像素，那么请减小字体大小，将其放在下面...更多信息 here.
尝试将 height: 100vh; 更改为 min-height: 100vh;