CSS和HTML在網(wǎng)頁設(shè)計中扮演著非常重要的角色，而rem作為一種相對單位，可以讓網(wǎng)頁在不同設(shè)備上展示相同的效果。但是，如果rem設(shè)置不當(dāng)，會導(dǎo)致網(wǎng)頁呈現(xiàn)不理想的狀態(tài)。那么CSS HTML rem設(shè)置多少才合適呢？下面來探討一下。

html {
font-size: 62.5%;
}
body {
font-size: 1.4rem;
}
.container {
width: 30rem;
}

在這個例子中，html元素的字體大小設(shè)置為62.5%，即基礎(chǔ)字體大小為10px。這也是一種比較常見的設(shè)置方式，因為10是一個整數(shù)，便于計算。另外，在移動設(shè)備上，10px的字體大小相對比較適中。

在body元素中，字體大小設(shè)置為1.4rem，即14px。這是因為14px比較符合人們閱讀的習(xí)慣，并且也比較適合在不同設(shè)備上展示。當(dāng)然，具體的設(shè)置也需要根據(jù)設(shè)計師的意愿和網(wǎng)頁的風(fēng)格來進行調(diào)整。

在容器元素中，寬度使用rem單位進行設(shè)置。這樣，容器的寬度將根據(jù)根元素的字體大小進行自適應(yīng)，并且在不同設(shè)備上展示的效果也會比較一致。

總的來說，CSS HTML rem設(shè)置多少需要根據(jù)具體情況進行調(diào)整。一般來說，根元素的字體大小可以設(shè)置為10px，而在body元素中，字體大小可以設(shè)置為14px。另外，對于容器元素的寬度，建議使用rem進行設(shè)置。