我希望像素大小固定的页面始终具有相同的百分比高度。我不能只使用 % 或任何其他相关单位,因为我已经用像素制作了整个网站。
意味着当我有一个高度为 1500px 的 div 并在 1366x768 屏幕上查看它时,整个 1500px div 应该仍然完全可见。
我想要实现的效果类似于浏览器缩放。
最佳答案
您可以在 div 上尝试 min-height: 1500px;
,然后将 overflow-y: auto
放在 body 或 html 元素上。
如果您想要根据窗口高度动态调整大小,您需要查看 CSS flexbox,使用 vh 调整大小,或使用 javascript 检测窗口调整大小。
关于html - 保持视口(viewport)在同一高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40681905/