在網頁設計中，全屏圖片是非常常見的設計方式，通過完美的圖片展示來強化網站的視覺效果。而在實現全屏圖片的過程中，掌握不同分辨率的展示方式非常關鍵。

當屏幕分辨率較高時，全屏圖片的展示效果會更佳。但是在實際生產中，我們需要解決不同分辨率下圖片的展示問題。我們可以通過CSS中的background-size屬性來解決這個問題。

/*設置背景圖片鋪滿整個屏幕*/
body {
background-image: url('example.jpg');
background-repeat: no-repeat;
background-size: cover;
}

background-size屬性有幾個可選值，包括cover、contain、100%、auto等。cover的意思是讓圖片鋪滿整個屏幕，而可能會裁剪掉一部分。contain則是讓圖片完整地展示，適應屏幕大小。100%表示將寬度和高度都調整至100%的大小。auto表示讓圖片按原有的大小來展示。

尤其需要注意的是，在使用cover屬性時，隨著屏幕的大小改變，圖片的展示也會隨之改變。當屏幕高度較大時，圖片可能會被裁剪掉。而當屏幕寬度較大時，圖片則會被拉伸。因此在使用cover屬性時，需要根據不同的屏幕尺寸做出相應的調整。