1.什么是媒體查詢?
媒體查詢可以讓我們根據設備顯示器的特性(如視口寬度、屏幕比例、設備方向:橫向或縱向)為其設定css樣式,媒體查詢中可用于檢測的媒體特性有 width 、 height 和 color (等)。使用媒體查詢,可以在不改變頁面內容的情況下,為特定的一些輸出設備定制顯示效果。
2.媒體查詢怎么使用?
語法格式如下:@media 媒體類型 邏輯運算符 (媒體特征){css樣式}
媒體類型有四種,all代表所有的媒體設備;print 用于打印機;screen 用于電腦屏幕、平板、手機等(這也是我們通常選擇的媒體類型);speech 用于屏幕閱讀器。
邏輯運算符:這個我們應該不陌生。分為三種:and、or、not。
媒體特征:書寫格式與css樣式類似,都是屬性名:屬性值(例如min-width:200px)。






