rem是css3新定義的設定字型大小屬性，常用的兩種字型大小設定有下面2種：
1、 px為單位
2、em為單位(百分比用法跟em類似)
px為單位
在web頁面初期製作中，我們都是使用「px」來設定我們的文字，因為他比較精確和固定。只要頁面某元素設定了px字型大小，其子元素/子孫元素未設定字型大小或設定的字型大小css優先順序沒父元素高的話，該子元素/子孫元素會繼承其父元素的px字型大小設定 。但種方法存在乙個問題：當使用者在瀏覽器中瀏覽我們製作的web頁面時，他改變了瀏覽器的字型大小，這時會使用我們的web頁面布局被打破。這樣對於那些關心自己**使用者可讀性、使用者體驗的前端人員來說，就是乙個大問題了。因此，這時就提出了使用「em」來定義web頁面的字型。
em為單位
前面也說了，使用是「px」會在瀏覽器中放大或縮放瀏覽頁面時頁面布局會被打破，要解決這個問題，我們可以使用「em」單位
1 ÷ 父元素的font-size × 需要轉換的畫素值 = em值
例項：父元素為16px，子元素設定為1.4em 則子元素實際字型大小16px x 1.4=22.4px
因此 「1.4em」可以是「14px」,也可以是「20px」，或者說是「24px」，總之是乙個不確定值，至於確定值是多少，必須知道其父元素的值！
使用em應該注意的幾點：
1、瀏覽器的預設字型大小是16px
2、如果元素自身沒有設定字型大小，那麼元素自身上的所有屬性值如「boder、width、height、padding、margin、line-height」等值，我們都可以按下面的公式來計算：
需要轉換的畫素值÷ 父元素的font-size = em值
3、如果元素自身設定了字型大小，那麼字型大小的轉換依舊按第二條公式計算，也就是下面的：
需要轉換的畫素值 ÷ 元素自身的font-size= em值
詳細閱讀文章：
rem單位
從上面的介紹可知，px單位的的設定會影響子元素/子孫元素的字型大小顯示，而em單位的設定也是根據父元素的字型來確定的。這時候父元素的字型大小設定就顯得很關鍵了！
而rem是相對於頁面根元素，這樣就意味著，我們只需要在根元素確定乙個參考值即可，其它元素設定rem大小都是以html的字型大小設定為參考值進行乙個字型大小縮放，字型大小值標準參考圖：
我們來看乙個簡單的**例項：
html =10px;
body
h1 我在根元素<html>中定義了乙個基本字型大小為62.5%（也就是10px。設定這個值主要方便計算：1.2rem即 12px ，1.6rem即16px 。 如果沒有設定，將是以瀏覽器預設的「16px」為基準 ）。
rem屬性瀏覽器相容性
62.5%「，並且元素尺寸也用"rem"的話在谷歌瀏覽器顯示，元素顯示的尺寸比原來設計的要大很多，造成頁面錯位。解決的辦法是將"font-size: 62.5%;"改為"font-size:312.5%;"即"1rem = 50px"
】。不過這樣計算起來比複雜。
谷歌瀏覽器49關於css樣式雜談
谷歌瀏覽器49.0.2623.112 xp系統下的最後乙個版本 代號就為google49吧，與谷歌瀏覽器91.0.4472.114，代號就為google91吧。主要就是專案上用到了flex布局，然後高度100 設定發現有不一樣的體現。先貼上一段 圖1 圖2 3.當把.box test1的定位設定為p...
在linux下安裝谷歌瀏覽器
在linux 下安裝谷歌瀏覽器 redhat os 6.4 安裝谷歌瀏覽器chrome 谷歌的瀏覽器已經不支援redhat os 6.4 平台了，如果手動編譯安裝，不僅要尋找安裝很多的依賴庫，而且很難找很麻煩，於是網上一頓狂搜，搜了幾天，終於覓得一簡單又快速的辦法，雖然東西是網上的，但這個方法經過了...
在kali上安裝谷歌瀏覽器
在kali 上安裝谷歌瀏覽器的時候，遇到了很多問題，經過不懈努力，終於解決，現在把方法總結一下，希望對遇到同樣問題的人能有一定幫助。這是給最白的小白參考的，大牛勿噴哈。安裝包 需要 fq 依次選擇 chrome linux 64 bit deb 包 需要fq 進入到安裝包所在目錄，使用 dpkg i...