如今手機已經成為大家生活的必需品，手機瀏覽器也成為了日常生活中最常用的軟件之一。在手機瀏覽器中，網頁的CSS樣式顯得尤為重要，因為它關系到網頁的可讀性與用戶體驗。

body {
font-size: 16px; /*設置字體大小*/
color: #333; /*設置字體顏色*/
font-family: "Microsoft Yahei"; /*設置字體*/
}
.container {
width: 100%; /* 容器寬度為 100% */
margin: 0 auto; /* 居中顯示 */
}
.header {
height: 50px; /*設置頭部高度*/
background-color: #4285f4; /*設置背景色*/
text-align: center; /*文字居中*/
color: #fff; /*文字顏色*/
line-height: 50px; /*文字行高*/
font-size: 20px; /*文字大小*/
}
.content {
padding: 10px; /*內邊距*/
font-size: 14px; /*字體大小*/
line-height: 1.5; /*行高*/
text-align: justify; /*文字對齊方式*/
}
.footer {
height: 50px; /*設置底部高度*/
background-color: #f2f2f2; /*設置背景色*/
text-align: center; /*文字居中*/
color: #333; /*文字顏色*/
line-height: 50px; /*文字行高*/
}

上面這段 CSS 代碼是一個簡單的網頁布局樣式，其中包括了網頁的頭部、正文內容和底部。這些樣式可以讓網頁在手機屏幕中有良好的顯示效果。

需要注意的是，在使用 CSS 樣式時，還需要兼容不同的瀏覽器和不同的設備。因此，調試好的 CSS 樣式也需要進行相應的適配和測試，以確保最終的效果。