如何使 `` 元素填充整个视口以获得全屏背景？

延伸元素全屏

问：我已将径向渐变应用到我的网页作为背景：

<code class="css">background-image: -webkit-gradient(radial, 100% 100%, 10, 90% 90%, 600, from(#ccc), to(#000));</code>

但是，当页面内容不显示时，渐变会变得模糊。 t 占据整个屏幕。如何保证

元素总是延伸以填充整个视口？

答：要实现此目的，请使用以下 CSS 规则：

<code class="css">html, body {
    margin: 0;
    height: 100%;
}</code>

这可确保

周围没有边距。元素并且它跨越页面的整个高度。结果是无论内容的长度如何，都会保持一致的径向渐变背景。

以上是如何使 `` 元素填充整个视口以获得全屏背景？的详细内容。更多信息请关注PHP中文网其他相关文章！