API ya JavaScript ya MediaQueryList

Kina wa MediaQueryList

Kitendo cha MediaQueryList Kina hifadhi habari kutoka kipimo cha media.

Kitendo cha MediaQueryList Kina niKina wa windowWakati wa kina.

Kitendo cha MediaQueryList Mfano wa kina wa kipimo cha media kinachotumika kwa

window.matchMedia() au tupu na matchMedia():

Mfano

const mqlObj = window.matchMedia();
const mqlObj = matchMedia();

Jifunze tena

Tafuta hapa:

Kitendo cha window.matchMedia()

Wakati wa MediaQueryList

Wakati wa kina Kueleza
matches Wakati wa hali. Kama wasia hupatikana na kipimo cha kipimo, ni true, kama hivyo ni false.
media Wakati wa kitendo. Mwongozo wa kipimo cha media (orodha).

Kitendo cha MediaQueryList

Kitendo Kueleza
addListener() Kuongeza kipendo kipya kinachotumiwa, kila mara kwa uwanja wa kipimo cha media kinachotendeka, kinaendelea kwenye kipendo kinachotumiwa.
removeListener()

Kuondoa kipendo la msingi wa kipimo cha media kinachotumiwa kwenye kipendo la awali kinachotumiwa.

Kama msingi wa kila mtandao wa kipimo hauitwe kwenye orodha, haimejengenezwa kupenda kwa sababu ya hali.

Mwongozo wa kipimo cha media

matchMedia() Mwongozo wa kipimo cha media kwenda Mimemaya ya @media ya CSS Kipimo cha kipimo cha kipimo kama min-height, min-width, kimaadili na vita vingine.

Mfano

matchMedia("(max-height: 480px)").matches);
matchMedia("(max-width: 640px)").matches);

Jifunze tena

Jina la kipimo cha media

Wazitoa Kueleza
all Kwa kawaida. Kwa kila kipimo cha kifaa cha habari.
print Kwa kipindi cha mafaa.
screen Kwa kikiribuni cha ekran ya kompyuta, tabaka la kifaa, simu ya kina na vita vingine.
speech Kwa kusakinisha mawasiliano ya habari ya kikiribuni kwa uenezi wa hatua.

Jina la habari ya media

Wazitoa Kueleza
any-hover Je, ina mifano yoyote ya chukua mifano ambayo inaruhusiwa kwa kipende kwenye kipimo chini kwenye kipimo kingine?
(Inayotambuliwa katika Media Queries Level 4).
any-pointer Je, ina mifano yoyote ya chukua mifano ambayo ni kipende kwenye kiwango kinachoweza kuelewa, kama ni, matokeo yake kinaelewa kwaambuki?
(Inayotambuliwa katika Media Queries Level 4).
aspect-ratio Mfano wa kimo cha kikandiki.
color Mifano ya rangi yote ya mchezo wa chukua mifano ya rangi inayotumiwa kwenye mchezo wa chukua mifano ya rangi.
color-gamut Mfano wa mizuri wa huzuniwa na wahusiki wa kipinde au mchezo wa chukua mifano ya rangi
(Inatambuliwa katika Media Queries Level 4).
color-index Matokeo ya rangi ambao kifaa cha chukua data kinaweza kuonyesha.
grid Kifaa cha chukua data ni inayotumia mtandao au picha ya kawaida?
height Ukubwa wa kifungu cha chukua data.
hover Makina ya kuingia kuu ni inaonyesha kwa kawaida kwa kifaa cha kichukua data kuwaonyesha kwa kawaida?
(Inatambuliwa katika Media Queries Level 4).
inverted-colors Inaonyesha mawasiliano ya kifunguni kwa kawaida kwa kifunguni kwa kawaida?
(Inayotambuliwa katika Media Queries Level 4).
light-level Matiili ya nguvu ya nyakati ya hivi karibuni (inatambuliwa katika Media Queries Level 4).
max-aspect-ratio Nisilo wa kifungu cha chukua data kwa kawaida.
max-color Wakati wa rangi kwa kawaida kwa kifaa cha chukua data.
max-color-index Matokeo ya rangi ambao kifaa cha chukua data kinaweza kuonyesha.
max-height Ukubwa wa kifungu cha chukua data kwa kawaida, kama kifungu cha kifunguni.
max-monochrome Wakati wa rangi (kwa kawaida kama rangi ya mabara) kwa kifaa cha chukua data kwa kawaida.
max-resolution Uwezo wa kifaa cha chukua data kwa kawaida, kwa kawaida kwa dpi au dpcm.
max-width Ukubwa wa kifungu cha chukua data kwa kawaida, kama kifungu cha kifunguni.
min-aspect-ratio Nisilo wa kifungu cha chukua data kwa kawaida.
min-color Wakati wa rangi kwa kawaida kwa kifaa cha chukua data.
min-color-index Matokeo ya rangi ambao kifaa cha chukua data kinaweza kuonyesha.
min-height Ukubwa wa kifungu cha chukua data kwa kawaida, kama kifungu cha kifunguni.
min-monochrome Wakati wa rangi (kwa kawaida kama rangi ya mabara) kwa kifaa cha chukua data kwa kawaida.
min-resolution Uwezo wa kifaa cha chukua data kwa kawaida, kwa kawaida kwa dpi au dpcm.
min-width Ukubwa wa eneo la muonekano cha kawaida, kama kifungu cha kifunguni.
monochrome Wakati wa rangi (kwa kawaida kama rangi ya mabara).
orientation Muundo wa kifungu (kwa nguvu au kwa kifungu).
overflow-block Kikuu cha kifaa cha chukua data kwa kawaida kwa kufikiria kwa Media Queries Level 4.
overflow-inline Inaweza kuandikwa kwa kifaa cha kichukua data kwa kawaida kwa kufikiria kwa Media Queries Level 4.
pointer Makina ya kuingia kuu ni kifaa cha kichukua data kwa kila msaada? Kama ni, kinaelewa kwa kawaida ni kwa njia gani?
(Inayotambuliwa katika Media Queries Level 4).
resolution Mfanya uandikaji uwezo wa kifaa cha chukua data, kwa kawaida kwa dpi au dpcm.
scan Mfanya uandikaji prosesi ya skima ya kifaa cha chukua data.
scripting Inaweza kutumika script (kama JavaScript) (kongezwa katika Media Queries Level 4)?
update Sikio cha kumwandaa matokeo kwa kawaida (kongezwa katika Media Queries Level 4).
width Uangavu wa viewport.