css - H1 大于视口(viewport) - 怎么样？

Question

尝试使 H1 大于视口(viewport)，使其部分水平隐藏在屏幕之外而不提示 x 轴滚动。主体和容器的宽度设置为 100%，因此当前 H1 只是在它变得比视口(viewport)宽时中断到下一行。有任何想法吗？

Answer 1

这是我对你的问题的解释，vh 单位的使用使字体大小适应视口(viewport)。:

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
#biggee {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    font-size: 50vh;
    line-height: 15vh;
    white-space: nowrap;
}

<div id="biggee">
    <h1>This is HUGE</h1>
</div>