CSS是網頁設計中重要的一環，常用來美化網頁布局和樣式。在當前移動互聯網時代，不少網站針對手機屏幕全屏顯示進行優化，以便更好地適應不同尺寸的手機屏幕，提高用戶體驗。接下來，我們就來介紹一下如何使用CSS實現手機屏幕全屏顯示。

html,body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}

上面的代碼是實現手機屏幕全屏的核心代碼。我們通過設置html和body的高度和寬度為100%，并將外邊距和內邊距設置為0，使頁面不留任何空白。同時，我們還將頁面的滾動條隱藏，防止出現滾動條占用頁面空間。

除了以上核心代碼，還需要配合其他CSS樣式來達到更好的效果。例如，我們可以設置網頁背景色或背景圖片，或對網頁中的圖片進行適當縮放，以達到更好的視覺效果。

#bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; 
background-image: url(bg.jpg);
background-size: cover;
background-position: center center;
z-index: -1;
}
img {
max-width: 100%;
height: auto;
}

在上面的代碼中，我們使用了絕對定位的方式，將#bg背景圖覆蓋在整個頁面上。同時，我們設置了背景圖片的大小和背景位置，以達到更好的顯示效果。而對于頁面中的圖片，我們也將其最大寬度設置為100%，以適應不同尺寸的手機屏幕，同時高度自動調整。

以上就是用CSS實現手機屏幕全屏顯示的基本方法和關鍵代碼。通過這種方式，我們可以更好地展示網頁的內容，提高用戶體驗，同時滿足用戶對于網頁美感的需求。