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