CSS手機端rem的應用

在手機端開發中，使用rem作為單位能夠更好地適應不同屏幕大小的設備。rem是相對于根元素(html)的字體大小進行計算的，也就是說，只需設置一次根元素的字體大小，即可根據rem來設置其他元素的大小。

/* 設置根元素的字體大小為16px */
html {
font-size: 16px;
}
/* 設置其他元素的大小，以rem為單位 */
p {
font-size: 1.5rem;  /* 相當于24px */
line-height: 2rem; /* 相當于32px */
}
h1 {
font-size: 2rem; /* 相當于32px */
line-height: 3rem; /* 相當于48px */
}

如上代碼所示，只需設置一次根元素的字體大小，即可方便地使用rem來設置其它元素的大小。這種方式使得開發者可以更好地適應各種不同大小的屏幕，使頁面內容更加美觀舒適。

需要注意的是，使用rem作為單位時，元素的大小也會受到根元素字體大小的影響。因此，在設計時需要考慮好根元素的字體大小，以便控制頁面元素的大小。