rem是什麼?
rem是css3新增的乙個相對單位（root em，根em）。這個單位與em有什麼區別呢？區別在於使用rem為元素設定字型大小時，仍然是相對大小，但相對的只是html根元素。這個單位可謂集相對大小和絕對大小的優點於一身，通過它既可以做到只修改根元素就成比例地調整所有字型大小，又可以避免字型大小逐層復合的連鎖反應。目前，除了ie8及更早版本外，所有瀏覽器均已支援rem。對於不支援它的瀏覽器，應對方法也很簡單，就是多寫乙個絕對單位的宣告。這些瀏覽器會忽略用rem設定的字型大小。
用乙個東西肯定要知道它的好處，由於其他字型大小都是基於html的，所以在移動端做適配的時候，可以使用這樣的方法
rem是只相對於根元素htm的font-size，即只需要設定根元素的font-size，其它元素使用rem單位設定成相應的百分比即可；
這個布局，又相容性的問題存在 ie9+，firefox、 chrome、safari、opera 這寫主流瀏覽器都支援了
下面我說一下使用方式
把下面那串樣式加在最外層裡面 （如果是使用vue的話，就加在index.html資料夾裡面） ， 這樣子就能做到僅僅改變html的字型大小，讓其他字型具有「響應式」啦。
@media only screen and (min-width: 320px)}@media only screen and (min-width: 640px)
}@media only screen and (min-width: 750px)
}@media only screen and (min-width: 1242px)
}
以上是css用媒介查詢來判斷 也可以用js來處理
vue 專案使用 rem 布局
使用 vue cli 構建專案完成後，在index.html檔案內新增如下 相容uc豎屏轉橫屏出現的bug 自定義設計稿的寬度 designwidth 最大寬度 maxwidth 這段js的最後面有兩個引數記得要設定，乙個為設計稿實際寬度，乙個為製作稿最大寬度，例如設計稿為750，最大寬度為750，...
vue 中使用rem布局
在用vue或react等工具搭建乙個移動端專案時,怎樣做到自適應呢?當然選擇rem布局比較方便快捷.此處已vue為例,在使用vue cli搭建好專案框架後,在目錄結構的index.html檔案中新增一段js fnresize window.onresize function function fnr...
移動端使用rem布局
移動端的px其實指的是pt，也就是邏輯解析度。以iphone6為例，寬度是750px，但是在css中iphone6的寬度是375px，也就是375pt，而設計稿一般是750px的。所以在移動端中css的px是設計稿中px的一半。將設計稿中的px轉換為移動端中的px 如果設計稿是750px的，在其中有...