在網頁設計中，有時需要將圖片全屏展示。這時候，可以使用CSS來實現。下面，我們就來介紹一下如何設置img全屏。 首先，我們需要在CSS中設置img的屬性。具體代碼如下：

img {
width: 100%;
height: 100%;
object-fit: cover;
}

這里，width和height都設置為100%，表示圖片的寬度和高度都占據了整個屏幕。object-fit屬性則指定了在屏幕大小比圖片大小小的情況下如何調整圖片的尺寸。這里我們使用的是"cover"，即將圖片縮放到寬度或高度與容器尺寸相等，圖片的長邊將完全覆蓋容器，因此可能會出現裁剪。 接下來，我們需要在HTML中設置img的位置。具體代碼如下：

這里的p標簽是為了方便設置樣式，可以根據實際情況選擇自己需要的標簽。 最后，我們還需要在CSS中設置body和html的高度為100%，以確保圖片能夠全屏顯示。具體代碼如下：

body, html {
height: 100%;
}

通過以上代碼設置，我們就可以輕松實現圖片全屏展示了。需要注意的是，當圖片尺寸小于屏幕尺寸時可能會出現模糊或拉伸變形等情況。如果需要保證圖片質量，可以選擇使用高分辨率的圖片，并采用更加細致的特定策略進行適應。