當我們在設計一個網站或者一個頁面時,一般會有一個需求:字隨頁面大小而改變。
這個需求的實現可以使用CSS中的“em”或者“rem”單元來實現。
“em”是相對于父元素的字體大小,而“rem”是相對于根元素的字體大小。因此,使用“rem”可以更方便地實現字隨頁面大小而改變的效果。
我們可以給根元素賦一個默認的字體大?。?/p>
html { font-size: 16px; }
然后,在需要字隨頁面大小而改變的元素上,使用“rem”的單位來定義字體的大?。?/p>
body { font-size: 1rem; } h1 { font-size: 2rem; } p { font-size: 1.2rem; }
這樣,當我們改變頁面的大小時,這些元素的字體大小也會隨之改變。
當然,這種方法并不是萬能的,有些情況下可能需要使用其他的方法來實現字隨頁面大小而改變的效果。但是,這種方法是一種簡單有效的實現方式,可以為我們的設計帶來更多的自由度。
上一篇mysql5.1怎么登陸
下一篇css學習需要學什么