rem（root em）是乙個相對單位，類似於em，em相對于父元素的字型大小
rem基準是相對於html的字型大小
@media mediatype and|not|only （media feature）
;
all 用於所有裝置 print 用於印表機和列印預覽screen 用於電腦螢幕，平板電腦，智慧型手機
關鍵字關鍵字將**型別或多個**特性連線到一起做為**查詢的條件。
**特性
width 定義輸出裝置中頁面可見區域的寬度
min-width 定義輸出裝置中頁面最小可見區域寬度
max-width 定義輸出裝置中頁面最大可見區域寬度
引用資源
針對不同的螢幕的大小，呼叫不同的css檔案
原理：直接在link標籤中判斷螢幕尺寸
語法樣式
"" media="mediatype and|not|only （media feature)" />語法： @變數名：值；
命名規則：
不能有特殊符號
不能以數字開頭
大小寫敏感
less 編譯 vocode less 外掛程式
less 巢狀
// 將css改為less
#header .logo
#header
}
a:hover
a}
任何數字、顏色或者變數都可以參與運算。就是less提供了加（+）、減（-）、乘（*）、除（/）算術運算。
/*less 裡面寫*/
@witdh
: 10px + 5;
div/*生成的css*/
div/*less 甚至還可以這樣 */
width:(
@width + 5) * 2;
1.讓一些不能等比自適應的元素，達到當裝置尺寸發生改變的時候，等比例適配當前裝置。
2.使用**查詢根據不同裝置按比例設定html的字型大小，然後頁面元素使用rem做尺寸單位，當html字型大小變化元素尺寸也會發生變化，從而達到等比縮放的適配。
技術方案：
1.less+rem+**查詢
2.lflexible.js+rem
rem實際開發適配方案1
①假設設計稿是750px
②假設我們把整個螢幕劃分為15等份（劃分標準不一可以是20份也可以是10等份）
③每乙份作為html字型大小，這裡就是50px
④那麼在320px裝置的時候，字型大小為320/15就是 21.33px
⑤用我們頁面元素的大小除以不同的 html字型大小會發現他們比例還是相同的
⑥比如我們以750為標準設計稿
⑦乙個100100畫素的頁面元素在 750螢幕下， 就是 100/ 50 轉換為rem 是 2rem2rem 比例是1比1
⑧320螢幕下， html字型大小為21.33 則 2rem= 42.66px 此時寬和高都是 42.66 但是寬和高的比例還是 1比1
⑨但是已經能實現不同螢幕下 頁面元素盒子等比例縮放的效果
總結：①最後的公式：頁面元素的rem值 = 頁面元素值（px） / （螢幕寬度 / 劃分的份數）
②螢幕寬度/劃分的份數就是 htmlfont-size 的大小
③或者：頁面元素的rem值 = 頁面元素值（px） / html font-size 字型大小
封閉開發12天 第三天
2009 5 13 兩個字代表我們整個團隊所有人員感覺 疲憊！沒了第一天的新鮮，沒了第二天的熱鬧，全部被研發任務淹沒！部分人感冒了，乙個同事壞肚子了。用lwuit 做了乙個帶進度條的閃屏，要基於 lwuit 的瀏覽器有好多的困難 繼續嘗試中 太累了 估計再過兩天就適應這種研發節奏，就會好些。院裡領導...
第三天，努力！！
第三天了，不錯不錯，基本上按自己的計畫進行著，雖然工作還是沒找到，不過也不再那麼的怕了，慢慢來吧，其實也沒太多時間了 今天早上十點才，真的覺得自己太不像話了，不過我一覺醒來就那個時候了，我的手機每天的鬧鐘是7 30不過好像從來聽不見它響，哈哈 明天希望能早點起，明天北京工體有乙個大型的招聘會，可以去...
杭州第三天
一樣的時間起床，一樣的時間去吃早飯，坐在一樣的位置享受完幾乎一樣的陽光和一根煙以後，我開始了在杭州ut的又一天工作。上午按照計畫重新安裝oracle資料庫，由於一邊安裝一邊給旁邊的兩個同事作簡單的解釋，所以到了在中午吃飯以前只是安裝完了軟體部分。ut的食堂有兩層，每個月的餐費都是直接打入員工卡中，所...