CSS是網頁設計必不可少的元素之一，它可以讓網頁看起來更美觀、更專業。而隨著智能手機越來越流行，我們也需要考慮如何讓網頁在手機上能夠完美地呈現。在接下來的文章中，我將會詳細介紹如何給手機網頁設置全屏樣式。

body{
margin: 0;
padding: 0;
height: 100vh;
overflow: hidden;
}

以上的CSS代碼是給手機網頁設置全屏樣式的基本代碼。我們可以將這段代碼放在網頁的head標簽中，或是在獨立的css文件中引用。

在這段代碼中，我們對body元素進行了樣式設置。首先，我們將body的margin和padding都設為0，這是為了讓網頁在手機上的顯示效果更加美觀。接著，我們將body的高度設置為100vh。vh是CSS3中新增的單位，表示視口高度的百分比。這樣我們就可以很方便地將網頁的高度設置為手機屏幕的高度，并且不會出現滾動條。最后，我們將body的overflow屬性設置為hidden，這是為了防止出現滾動條。

除了上述的基本代碼之外，我們還可以根據需要進行樣式的調整。比如，在手機屏幕比較小的情況下，我們可以設置某些元素的寬度為100%以充分利用屏幕空間。

.container{
width: 100%;
}

以上的代碼演示了如何對某個元素進行寬度的設置。在這里，我們將.container的寬度設置為100%，這樣就可以讓.container元素充滿整個屏幕寬度。

綜上所述，給手機網頁設置全屏樣式非常簡單，只需要一個小小的CSS代碼就可以搞定。至此，本文的介紹就告一段落了。希望對大家有所幫助。