在開發移動端網頁時，經常需要讓圖片全屏顯示，以增強用戶體驗和吸引眼球。下面介紹一種簡單的CSS實現方法。

首先，我們需要在HTML文件的頭部加上以下meta標簽：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

這個meta標簽告訴瀏覽器，頁面的寬度應該等于設備的寬度，不允許用戶縮放。

接下來，我們需要為圖片添加樣式：

img{
max-width: 100%;
height: auto;
}

這個樣式會讓圖片的寬度最大占據整個屏幕的寬度，高度則會自動根據寬度的比例縮放，從而實現全屏顯示。

如果想要讓圖片垂直居中，可以給其父元素添加以下樣式：

.container{
display: flex;
justify-content: center;
align-items: center;
}

這個樣式會使用flex布局將容器水平和垂直都居中，實現圖片垂直居中的效果。

可以通過如下結構來使用樣式：

<div class="container">
<img src="example.jpg" />
</div>

這樣就完成了圖片全屏顯示的樣式設置。