9.6日(rì)音(yīn)訊，首創網絡淺談CSS3 β$媒體(tǐ)查詢的(de)使用(yòng)

　　9.6日(rì)音(yīn)訊，首創網絡淺談為(wèi)什(s☆↕​hén)麽要(yào)使用(yòng)CSS3媒體(tǐ)查詢。CSS媒體≈✘(tǐ)查詢（CSSMediaQueries）是(shì)CSS基本特•"→性之一(yī)。它的(de)作(zuò)用(yòng)就(ji₽¶ù)是(shì)讓我們在相(xiàng)同的(de)HTM♣≤‍L基礎上(shàng)可(kě)以以不(bù)同的(de)CSS實現(¶↑§&xiàn)适配各種終端的(de)UI效果&γ★（比如(rú)，桌面端、iPad、雙屏幕、折疊₽©αΩ設備和(hé)移動手機(jī)等）。也(yě)就(jiù​​)是(shì)說(shuō)，我們可(kě)以為(wèi)它們（不(bù)同 ✘&δ的(de)終端設備）使用(yòng)相(xiàng≤☆ §)同的(de)HTML，而不(bù)是(shì)為λ©(wèi)智能(néng)手機(jī)維護一(y≈✘₩↑ī)個(gè)網站(zhàn)，為(wèi)筆(bǐ)記±β本電(diàn)腦(nǎo)、台式機(jī)維護另一(yī)個(gè)÷←網站(zhàn)。

　　市(shì)場(chǎng)上(shàng)終端設備是(shì)越來<✔(lái)越豐富，對(duì)于Web開(kāδ§ δi)發者而言都(dōu)是(shì)希望自(zì)己的(π↔>de)應用(yòng)在不(bù)同的(de)終端設備上(sh$←àng)都(dōu)能(néng)用(yòng)戶帶來(lái)↓₹Ω較好(hǎo)的(de)體(tǐ)驗，而且又(yò'÷u)不(bù)希望自(zì)己有(yǒu)更多(d♠≠☆Ωuō)額外(wài)的(de)開(kāi)發成本。

　　換句話(huà)說(shuō)，無論在桌面設備上(shàng)還(há‍→i)是(shì)在移動設備上(shàng)，用σ ™(yòng)戶都(dōu)習(xí)慣上(shàng)下(xià)滾動網站(z↑≠hàn)，而不(bù)是(shì)橫向滾動，因此，如(≥&rú)果用(yòng)戶必須橫向滾動或縮小(xiǎo)頁面才能(néng)↑¶✔¶查看(kàn)整個(gè)網頁，那(nà)麽這(zhè)将給用Ω‌✔‌(yòng)戶帶來(lái)糟糕的(de)體(tǐ)驗。對(duì)于開∏♣ ¶(kāi)發者而言，就(jiù)需要(yào)為(w↕ו→èi)終端提供一(yī)個(gè)更好(hǎo)的(de★¶)适配方案。那(nà)麽CSS媒體(tǐ)查詢可(kě)以很(h'™₽ěn)好(hǎo)的(de)滿足這(zhè)方面的(de)需求。因為(wèi♣ ‍)，CSS媒體(tǐ)查詢是(shì)條αβ件(jiàn)CSS特性之一(yī)，它可(kě)以♣♠對(duì)CSS樣式做(zuò)相(xiàng)應∞↕的(de)過濾，也(yě)就(jiù)是(shìπ≥)說(shuō)，可(kě)以根據CSS媒體(tǐ)λ&γ查詢的(de)條件(jiàn)運用(yòng)不(bù)同的(d₽ e)CSS樣式。有(yǒu)了(le)這(zhè)γ✔些(xiē)過濾器(qì)，我們可(kě)以根據設備呈現(xiàn)內(n→βèi)容的(de)特點輕松更改樣式，包括顯示屏類型、寬度、高(gāo)度、方向​‍甚至是(shì)分(fēn)辨率。