HTML5怎么設置圖片滿屏？ 在網頁設計中，滿屏背景圖片是提升用戶體驗的一種方式。使用HTML5，我們可以方便地將圖片設置為滿屏。 在HTML5中，我們可以通過CSS屬性background-size來設置背景圖片的大小。background-size有兩個屬性：cover和contain。 cover屬性將背景圖片縮放成比例最大的大小并覆蓋整個元素。 contain屬性將背景圖片縮放成比例最小的大小并將其完全包含在元素中。 下面是一個例子代碼，可以使圖片滿屏：

<style>
#bg {
background: url('example.jpg') center center no-repeat;
background-size: cover;
height: 100vh;  /* 使背景圖片占據整個視窗 */
}
</style>
<div id="bg">
<p>這里是頁面內容</p>
</div>

在上面的代碼中，我們創建了一個帶有id“bg”的div元素，并在樣式中設置了一個背景圖像。 background-size:cover; 使背景圖片覆蓋整個元素。通過設置高度為100vh，我們可以使該背景圖像占據整個視窗。 此外，我們可以在CSS中使用其他屬性來進一步調整圖像的顯示效果。例如，可以使用background-position屬性來控制圖像的位置，使用background-repeat屬性來控制圖像的重復模式。 總之，HTML5使得設置滿屏背景圖片變得簡單和靈活。使用background-size屬性讓圖片完美適應屏幕大小，可以大大提高網頁的用戶體驗。