欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css3 rem響應式

錢浩然2年前11瀏覽0評論

CSS3中的rem單位是相對于根元素(html標簽)字體大小而言的單位,它可以幫助我們實現響應式布局。

網頁響應式布局在移動設備上越來越重要,我們需要一個能根據屏幕尺寸自動調整布局的方法。 rem單位正是解決這個問題的好方法,因為rem單位相對于屏幕尺寸不變,使得我們可以使用相同的css代碼適應各種屏幕尺寸。

下面是一個使用rem單位的示例:

html{
font-size: 16px;
}
p{
font-size: 1rem;
}
@media (min-width: 768px){
html{
font-size: 20px;
}
}

以上代碼中,我們設置了html字體大小為16px,然后將段落字體大小設置為1rem。當屏幕寬度大于等于768px時,我們將html字體大小設置為20px。

這樣一來,我們使用的1rem將會根據不同的html字體大小自動調整為相應大小,實現響應式布局。