CSS中的torem是一個非常有用的屬性,它可以幫助我們根據屏幕的大小來設置頁面元素的尺寸。
假設我們有一個div,它的寬度應該是瀏覽器寬度的一半,我們可以這樣寫:
div { width: 50%; }
但是問題是,如果我們想在移動設備上使用相同的規則,那么這個寬度可能看起來過于大或過于小。
這時,我們就可以使用torem來設置寬度:
div { width: 50rem; /* 假設1rem = 瀏覽器寬度的1/100,即1rem等于1%的寬度 */ }
這樣,我們就可以根據屏幕的大小來設置元素的尺寸,在不同的設備上都顯示得很好。
上一篇css grid fr
下一篇css import路徑