如何使 `` 元素填滿整個視口以獲得全螢幕背景？

延伸元素全螢幕

問：我已將徑向漸層應用到我的網頁作為背景：

<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中文網其他相關文章！