在移動端網頁設計中，全屏圖片是非常常見的元素之一。想要讓圖片在手機上完全鋪滿屏幕，就需要運用 CSS 技術。下面是一些有用的技巧和代碼示例。

/* 全屏圖片的樣式 */
.fullscreen-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
/* 使用 object-fit 屬性 */
把圖片的 CSS 樣式設置成以上代碼示例，就可以讓圖片全屏鋪滿手機屏幕。其中，position: absolute;讓圖片脫離文檔流，top: 0;和left: 0;把圖片放到頁面的左上角，width: 100%;和height: 100%;讓圖片的寬高占滿整個屏幕。
然而，有些圖片可能比手機屏幕大或小。為了讓圖片適應屏幕，可以使用object-fit屬性。這個屬性有兩個值：contain和cover。前者保留圖片的寬高比，縮放圖片以適應容器。后者，同樣保留圖片寬高比，但會剪裁圖片以確保填滿容器。在以上代碼示例中，object-fit: cover;可以讓圖片剪裁以適應屏幕。
總結來說，使用 CSS 實現全屏圖片很簡單。設置圖片的寬高為 100%，將其定位到頁面的左上角，再加上object-fit: cover;屬性即可。這樣做可以讓圖片在手機上的顯示效果十分出色，讓你的網頁看起來更加現代化。