延伸元素全螢幕
問:我已將徑向漸層應用到我的網頁作為背景:
<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中文網其他相關文章!