一、**查詢
**查詢：由裝置型別、監測裝置特性表示式構成。
語法：@media 裝置型別[all\screen] and (條件表示式)
注：1、and兩側必須有空格
2、not放在裝置型別的前面（反向選擇【排除某個範圍】）
3、**查詢：做樣式微小調整， 例如：浮動，顯示隱藏，文字大小，，寬高
二、移動端準備工作
1、meta標籤的設定：視口1：1比例、禁止使用者縮放
2、裝置畫素比
retina屏是視網膜高畫質顯示屏
ppi : 每英吋所顯示畫素點的密度 （ ppi值越高 螢幕顯示越清晰 ）
dpi : 每英吋所顯示畫素點的個數
dpr:裝置畫素比例。
dpr ==物理畫素 / 邏輯畫素
物理畫素（把手機上截圖放在ps中量取的大小）
邏輯畫素（css去設定的畫素）
dpr怎麼獲取：
根據ui設計圖而定：絕大部分拿到的設計圖的大小為750px/640px，
針對性對dpr進行獲取：
如果設計圖為640px 或者 750px ，選取dpr 2
如果設計圖為大於750px，選取dpr為 3
3、單位： px ， % ，deg ，pt，em
rem: rem相對大小 ： 相對於html的font-size的值而定
預設 1rem == 16px;
rem布局（等比縮放）
計算流程：假如：設計圖為750px
考慮dpr為 2，ps中量出乙個元素為88px，設定css大小的時候 88px / dpr2 =44px; 又因為不能固定44px ( 44px固定之後就不能放大或者是縮小 )，所有 44px 轉成 rem； 因為 html中font-size:100px; 1rem =100px; 所以44px =0.44rem
4、vw
vw： 視口的寬的比例 100vw大部分情況下等於視口寬度的100%
但當有滾動條時，100vw包含滾動條，100%不包含滾動條
vh ： 視口高度的比例 100vh =視口高度的100%
vmin : 視口的寬和高進行比較 誰小用誰
vmax ： 視口的寬和高進行比較 誰大用誰
5、vw結合rem實現移動端適配
為了方便rem的計算：html設定font-size的值：100px; 1rem =100px
出現問題：100px不會自動適配
找到乙個能隨著視口改變的單位 vw
下面需要研究的問題： 100px = ? vw
根據設計圖先確定適配的核心裝置。
第一種情況：設計圖為640px
設計圖640px，考慮dpr 為2，640px / 2 =320px
視口的寬就為320px，100vw =320px，1vw =3.2px
?vw =100px 所以31.25vw == 100px;
第二種情況：設計圖為750px
設計圖為750px，考慮dpr為2，750px / 2 = 375px;
視口的寬為375px; 100vw =375px; 1vw = 3.75px;
?vw == 100px;所以26.67vw == 100px;
記住：如果設計圖為640px，html的font-size值為31.25vw;
如果設計圖為750px，html的font-size值為26.67vw;
day23 系統服務
今日內容 1.系統服務 1.開機啟動流程 2.centos6與centos7區別 3.系統的執行級別 1.centos6 臨時性的操作 root oldboy runlevel 檢視級別 n 3 n 表示上一次是什麼級別 3 當前系統正在執行的級別 root oldboy init 3 切換到3級別...
實習日記 Day23
今天是週三，一周之中的 駝峰日 駝峰日通常是一周中最難過的日子，但也是最充滿希望的時日，過去了就是週末了。今天的task數量之多，達到了我入職以來的頂峰呢，刺激 犯了低階的錯誤呢 快下班時，leader突然在skype找我了，甩過來乙個鏈結，問我用 賬號能不能登陸。我一看，不正是我上週已經交付的任務...
每日演算法 day 23
那些你早出晚歸付出的刻苦努力，你不想訓練，當你覺的太累了但還是要咬牙堅持的時候，那就是在追逐夢想，不要在意終點有什麼，要享受路途的過程，或許你不能成就夢想，但一定會有更偉大的事情隨之而來。mamba out 2020.3.7 3.8 include include include using nam...