**查詢（media query）是css3新語法
@media mediatype and|not|only (media feature)
解釋說明
all用於所有裝置
用於印表機和列印預覽
screen
用於電腦螢幕，平板電腦，智慧型手機等
關鍵字將**型別或多個**特性連線到一起作為**查詢的條件
值解釋說明
width
定義輸出裝置中頁面可見區域的寬度
min-width
定義輸出裝置中頁面最小可見區域的寬度
max-width
定義輸出裝置中頁面最大可見區域的寬度
@media screen and (
min-width
: 800px) }
@media screen and (
man-width
: 600px)
}
注意我們有最大值max-width和最小值mixwidth都是包含等於的
當螢幕小於540畫素，背景顏色為藍色（x <= 539）
當螢幕大於等於540畫素，並且小於等於969畫素的時候背景色為綠色（540 =< x <= 969）
當螢幕大於等於970畫素的時候，背景顏色為紅色（x >= 970）
注意：為了防止混亂，**查詢我們要按照從小到大或者從大到小的順序來寫，但是我們最喜歡的還是從小到大來寫，這樣**更簡潔
"en">
"box">購物車
"stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css">示例
"stylesheet" href="stylea.css" media="screen and (min-width: 400px)">css是一門非程式式語言，沒有變數、函式、scope（作用域）等概念
less中文**：
常見的css預處理器：sass、less、stylus
一句話：less是一門css預處理語言，它擴充套件了css的動態特性
安裝node.js，可選擇最新的版本，**：
檢查是否安裝成功，使用cmd命令（win10是window + r 開啟執行輸入cmd）—輸入「node-v」 檢視版本即可
檢查是否成功，使用cmd命令「lessc-v」檢視版本即可
我們首先新建乙個字尾名為.less的檔案，在這個.less檔案裡面書寫less語句。
變數命名規範
@color
: pink;
@coler
: deeppink;
變數使用規範
body
a:hover
#header .logo
#header
}
常用寫法
a:hover
a
}
// less 裡邊寫
@width: 10px + 5;
div
// 生成的css
div
// less 還可以這樣寫
width: (@width + 5) * 2;
怎麼去達到這個目標
在實際開發當中怎麼使用
技術方案2
總結：
rem + **查詢 + less技術
設計稿常見尺寸寬度 裝置
常見寬度
iphone4.5
640px
iphone678
750px
android
常見320px、480px、540px、600px、720px、768px、800px、1080px；目前市場主流裝置尺寸按照1080設計
一般情況下，我們以一套或兩套效果圖適應大部分螢幕，放棄極端屏或對其優雅降級，犧牲一些效果，現在基本以750為準
比如我們以750為標準設計稿
乙個100*100畫素的頁面元素 在750螢幕下，就是100/50轉換為rem是2rem*2rem比例是1比1
320螢幕下，html字型大小為21.33，則2rem=42.66，此時寬和高都是42.66但是寬和高的比例還是1比1
但是已經能實現不同螢幕下頁面元素盒子等比例縮放的效果
元素大小取值方法
最後的公式：頁面的元素的rem值 = 頁面元素值（px）/ （螢幕寬度 / 劃分的份數）
螢幕寬度 / 劃分的份數 就是html font-size的大小
或者：頁面元素的rem值 = 頁面元素值（px）/ html font-size 字型大小
關於資料治理，你需要知道些什麼？
每個有效的資料庫都需要精心設計的模式 schema 以保持資料乾淨，避免衝突，滿足使用者的各種需求，適應未來的擴充套件。同樣，每個有效的企業資料計畫都離不開資料治理，也就是精心設計的政策，以明確職責 解決不同利益相關方之間的衝突，提供維護和擴充套件，保護敏感資訊。資料治理的關注點通常包括 資料管理方...
大資料需要知道，Hadoop是什麼！
隨著近幾年計算機技術和網際網路的發展，大資料 這個名詞越來越多進入我們的視野。大資料的快速發展也在無時無刻影響著我們的生活。那大資料究竟是什麼呢？首先，看看專家是怎麼解釋大資料的 大資料就是多，就是多。原來的裝置存不下 算不動。啪菠蘿 畢卡索 大資料，不是隨機樣本，而是所有資料 不是精確性，而是混雜...
python 關於異常，你需要知道什麼。
摘要 異常的完整語法try 提示使用者輸入乙個整數 num int input 請輸入乙個整數 使用數字8除以這個整數並且輸出 result 8 num print result except valueerror 捕獲特定異常 也可以繼續新增 as b print 請輸入正確的整數 print 可...