寫rem布局css的方法

rem布局是一種基于根元素（root element）的響應(yīng)式布局，它可以根據(jù)設(shè)備的屏幕尺寸進行自適應(yīng)調(diào)整，使得網(wǎng)頁在不同設(shè)備上都能夠顯示得很好，在rem布局中，我們使用css的媒體查詢（media query）來定義不同屏幕尺寸下的樣式，而rem單位則用來衡量字體大小、行高、間距等樣式屬性。

下面是一些寫rem布局css的方法：

1、確定根元素的字體大小，在rem布局中，根元素的字體大小是基準單位，其他元素的字體大小、行高、間距等樣式屬性都是以rem為單位進行計算的，我們需要先確定根元素的字體大小，然后再根據(jù)需要進行調(diào)整。

2、使用媒體查詢定義不同屏幕尺寸下的樣式，在css中，我們可以使用@media規(guī)則來定義不同屏幕尺寸下的樣式，media (max-width: 600px) { ... }表示當屏幕寬度小于等于600px時，應(yīng)用括號內(nèi)的樣式。

3、使用rem單位衡量樣式屬性，在定義樣式時，我們可以使用rem單位來衡量字體大小、行高、間距等樣式屬性，比如font-size: 1.5rem表示字體大小為根元素字體大小的1.5倍。

4、注意瀏覽器兼容性問題，不同瀏覽器對rem單位的支持程度可能不同，因此我們需要注意瀏覽器兼容性問題，確保我們的樣式能夠在不同瀏覽器上得到正確的顯示。

寫rem布局css需要我們先確定根元素的字體大小，然后使用媒體查詢定義不同屏幕尺寸下的樣式，并使用rem單位來衡量樣式屬性，我們需要注意瀏覽器兼容性問題，確保我們的樣式能夠在不同瀏覽器上得到正確的顯示。