html - 保持视口(viewport)在同一高度

标签 html css zooming viewport pixel

我希望像素大小固定的页面始终具有相同的百分比高度。我不能只使用 % 或任何其他相关单位,因为我已经用像素制作了整个网站。

意味着当我有一个高度为 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/

相关文章:

html - 我如何更改此 Bootstrap 以按照我需要的方式在 Joomla 上工作?

javascript - 除了 CSS 变换之外,还有什么方法可以旋转元素吗?

iphone - UIScrollView 缩放时滚动到矩形?

android - 双击 GoogleMaps Activity 中的“缩放”

javascript - 在保持焦点的同时替换输入 DOM 节点

css - HTML、CSS : How do I stretch an element up to the edge of the page?

html - 我如何扩展 Eclipse 中着色语法的颜色

css - (CSS) 创建一个背景模糊的盒子

html - 网页主区 : div height issue

iphone - 带有图像的 UIScrollView - 如何不缩放其中之一