在現代社會中，手機作為人們日常生活中必不可少的通訊工具，已經成為了我們生活的一部分。隨著手機屏幕的不斷升級，手機編寫css樣式已經成為了一種趨勢。

@media screen and (max-width: 480px) {
body {
background-color: #ffffff;
font-size: 14px;
}
.container {
width: 100%;
margin: 0 auto;
}
h1 {
font-size: 24px;
text-align: center;
}
p {
font-size: 16px;
line-height: 1.5;
color: #333333;
padding-left: 10px;
padding-right: 10px;
}
}

在手機端編寫css樣式，我們需要了解手機屏幕的尺寸、分辨率等相關知識。通過使用媒體查詢，我們可以針對不同的屏幕尺寸設置不同的樣式，從而實現頁面的自適應。在代碼中，我們使用了@media查詢，針對屏幕寬度小于等于480px的設備設置了相應的樣式。

除了媒體查詢外，還有一些適用于手機端的css樣式，如flex布局、移動端特有的尺寸單位（如rem、em等）等。這些樣式的使用可以更好地適應不同設備的屏幕尺寸和分辨率，提高頁面的兼容性和用戶體驗。

總之，在手機端編寫css樣式是一項不可或缺的技能，它可以幫助我們在不同的設備上實現更加完美的頁面效果。