1，什麼是**查詢，**查詢的優缺點
media queries **查詢
**查詢表示式，指定**型別，根據**型別來選擇相應的樣式，在樣式中，
選擇一種頁面的布局以精確地適應不同的裝置
我們要做的就是針對不同的瀏覽器裝置大小，編寫不同的樣式，讓瀏覽器根據不同的視窗尺寸大小，選擇不同的樣式
ie8 以下不支援**查詢
responsivator 工具
通過伺服器判斷，選擇不同的頁面，缺點頁面風格修改複雜
2，@media 裝置型別 only() not() and (),裝置二{}
響應式**設計需求
1，確定需要相容的裝置型別、螢幕尺寸
包括橫向和豎向
2，製作線框原型
頁面的布局如何變化，內容的刪減啊，有沒有特殊性的設計，需要前端和設計保持溝通
3，測試線框原型
可以幫助我們盡早發現可訪問性
4，視覺設計
注意：保證內容文字的可讀性、控制項可點選區域面積等
5，前端實現
響應式頁面的特殊性，最終的產出可能會和設計稿出入較大，需要前端開發人員和設計師溝通，所以最好，設計的時候就考慮這些情況
響應式web設計
1，響應式元素和媒介
height:auto，是指根據塊內內容自動調節高度。
height:100%，是指其相對父塊高度而定義的高度，也就是按照離它最近且有定義高度的父層的高度來定義高度。
2,**查詢 orientation：portrait | landscape
portrait： 指定輸出裝置中的頁面可見區域高度大於或等於寬度 豎屏（手機正常下）
landscape： 除portrait值情況外，都是landscape 橫屏
web響應式的一些方法
1.給 img標籤增加樣式規則使它自適應容器尺寸。應宣告為塊級元素，應適應它容器的寬度，應保持原本的寬高比。2.為優化在高解析度裝置下的顯示效果，最簡單的方式是定義它們的width和height值為原始檔寬高的一半。img 3.一般依賴於 查詢 max width 小於或等於 min width 大...
一些嵌入式知識點
預處理器 preprocessor 1 用預處理指令 define 宣告乙個常數，用以表明1年中有多少秒 忽略閏年問題 define seconds per year 60 60 24 365 ul 我在這想看到幾件事情 define 語法的基本知識 例如 不能以分號結束，括號的使用，等等 懂得預處...
響應式 ie8的一些相容方式
internet explorer 8 和 9 internet explorer 8 和 9 是被支援的，然而，你要知道，很多css3屬性和html5元素 例如，圓角矩形和投影 是肯定不被支援的。另外，internet explorer 8 需要respond.js配合才能實現對 查詢 media...