媒體查詢:
將系統地學習媒體查詢。媒體查詢其實就是CSS的if語句。如果寬度為800px或更寬,如果是橫屏,如果分辨率是1.5dppx或更小:使用這些CSS聲明。
媒體查詢有以下三種類型。
1.媒介類型查詢:這是什么類型的設備。
2.視口相關的媒體查詢——這一部分的核心。
3.特性相關媒體查詢:瀏覽器是否支持特性X?
這一部分討論的媒體查詢只對整個頁面起作用。但是,對元素使用媒體查詢的想法浮出了水面。它們會根據特定元素而不是整個頁面的寬度或高度做出反應。這對Twitter或Facebook的組件等會有很大幫助。雖然在寫這本書的時候,元素媒體查詢還沒有被支持,甚至在語法和作用域上還沒有達成一致,但這是一個很好的想法,我希望它們最終會被實現。
我們將不會講最后一種類型。雖然有些內容可能對移動Web開發者有幫助,但目前被支持的功能是最沒用的,并且這些功能跟視口沒有任何關系。
- 前端開發(知識技術匯總)經驗之談
- 1.響應式Web開發,必懂媒體查詢(系統理論+實戰教程)
- 一,媒體類型
- 二,語法筆記
- 三,寬度和高度
- 四,在媒體查詢中使用em
- 五,轉向
- 2.HTML 5:足以改變我們未來生活的十個方面
- 一,HTML5是一種新型語言
- 3.我們需要一款新的瀏覽器
- 一,新的瀏覽器折衷途徑
- 4.視頻播放更加輕松
- 一,動畫已被包含于其中
- 5.視頻通話全面來臨
- 一,古董級語言仍能正常起效
- 6.設備平臺差異仍然不容忽視
- 7.HTML5全面針對移動設備
- 一,HTML5相當復雜,但這是件好事
- 8.如何成為一個優秀的前端工程師
- 一,不要只是解決問題
- 二,學會預測瀏覽器領域將來的變化
- 三,閱讀什么樣的文檔
- 三,閱讀其他人的代碼
- 四,如何合作
- 五,重復造輪子
- 六,記錄
- 9.使用Javascript來創建一個響應式全景圖片查看幻燈效果
- 一,如何實現?
- 二,代碼實現
- 三, 新的項目
- 四,加載進度條
- 五,添加互動
- 六,樣式