API MediaQueryList JavaScript

MediaQueryList

MediaQueryList ອົງການສະແດງຈະກັນຂໍ້ມູນຈາກການສະແດງ

MediaQueryList ອົງການອົງການປ່ຽນມະນາງອົງການສະແດງຂອງ

MediaQueryList ອົງການສະແດງຈະຢູ່ວ່າ

window.matchMedia() ຫລື matchMedia():

ຄວາມປະສົງ

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

ກຳລັງພະຍາຍາມຄັບຄຸມຕົວເອງ

ບໍ່ມີຫຍັງ:

ການສະແດງ window.matchMedia()

ປະສົງ MediaQueryList

ປະສົງ ອະທິບາຍ
matches ຄວາມຫມັ້ນ. ຖ້າເອກະສານຢູ່ໃນລາຍການສະແດງ true, ຖ້າບໍ່ຈະແມ່ນ false
media ຄວາມນຳມາອ່ານ. ການສະແດງ (ລາຍການ) ພາກສາ

ການສະແດງ MediaQueryList

ການສະແດງ ອະທິບາຍ
addListener() ການເພີ່ມພະຍາຍາມທີ່ໃຫ້ດຳເນີນການວ່າການສະແດງພາກສາການສະແດງມີການປ່ຽນແປງ
removeListener()

ການລົບພະຍາຍາມທີ່ທີ່ໄດ້ເພີ່ມໄປກ່ອນໃນລາຍການສະແດງ

ຖ້າການສະແດງທີ່ລົງໃນລາຍການບໍ່ມີໃນລາຍການບໍ່ມີຈະສາມາດດຳເນີນການ

ການສະແດງພາກສາ

matchMedia() ການສະແດງພາກສາການສະແດງ CSS @media 规则 ພາກສາການສະແດງຂອງພາກສາຂອງສາຍຄຳແນະນຳ, ເຊັ່ນ min-height, min-width, orientation ແລະ ອື່ນໆ

ຄວາມປະສົງ

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

ກຳລັງພະຍາຍາມຄັບຄຸມຕົວເອງ

ພາກສານການຄອງ

ຄູ່ມື ອະທິບາຍ
all ຄຳປະໂຫຍດ
print ສຳລັບພະນັກງານພິມ
screen ສຳລັບຈອງສະແດງຄອມພິວເຕິ້, ຄິບພິວເຕິ້, ສາຍຈອງຄອມພິວເຕິ້ ແລະ ອື່ນໆ
speech ສານອອກສານອອກຄຳແນະນຳເພື່ອອ່ານຄຳແນະນຳຫລືຄຳວຽກບິນ

ພາກສາການສະແດງ

ຄູ່ມື ອະທິບາຍ
any-hover ມີການສະໜັບສະໜູນຄວາມຮັບຜ່ານຈາກຄົນນັກພິມຫລືບໍ່? ຖ້າມີຈະມີຄວາມຮັບຜ່ານຈາກຄົນນັກພິມຫລືບໍ່?
（ຕັດສິນຄັງ Media Queries Level 4 ຕື່ມຕື່ມ）。
any-pointer ມີການມີຄວາມສາມາດສະໜັບສະໜູນຄວາມຮັບຜ່ານຈາກຄົນນັກພິມຫລືບໍ່? ຖ້າມີຈະມີຄວາມສາມາດຈະມີຄວາມຄິດຫນັງຫລືບໍ່?
（ຕັດສິນຄັງ Media Queries Level 4 ຕື່ມຕື່ມ）。
aspect-ratio ຮູບທີ່ພາກສາຂອງຄຳແນະນຳ
color ຈຳນວນບາງພາກສາຂອງຄວາມສະຫລົດສາຍຂອງອຸປະກອນອອກສານ
color-gamut ພາກສາທີ່ສາມາດສະໜັບສະໜູນໂດຍຜູ້ອອກສານຂອງຄົນນັກພິມ
（Media Queries Level 4 中添加）
color-index 设备可以显示的颜色数量。
grid 设备是网格还是位图。
height 视口高度。
hover 主要输入机制是否允许用户将鼠标悬停在元素上？
（Media Queries Level 4 中添加）
inverted-colors 浏览器或底层操作系统是否反转颜色？
（ຕັດສິນຄັງ Media Queries Level 4 ຕື່ມຕື່ມ）。
light-level 当前环境光级别（Media Queries Level 4 中添加）。
max-aspect-ratio 显示区域的最大宽高比。
max-color 输出设备每个颜色分量的最大位数。
max-color-index 设备可以显示的最大颜色数。
max-height 显示区域的最大高度，例如浏览器窗口。
max-monochrome 单色（灰度）设备上每种“颜色”的最大位数。
max-resolution 设备的最大分辨率，使用 dpi 或 dpcm。
max-width 显示区域的最大宽度，例如浏览器窗口。
min-aspect-ratio 显示区域的最小宽高比。
min-color 输出设备每个颜色分量的最小位数。
min-color-index 设备可以显示的最小颜色数。
min-height 显示区域的最小高度，例如浏览器窗口。
min-monochrome 单色（灰度）设备上每种“颜色”的最小位数。
min-resolution 设备的最小分辨率，使用 dpi 或 dpcm。
min-width 显示区域的最小宽度，例如浏览器窗口。
monochrome 单色（灰度）设备上每种“颜色”的位数。
orientation 视口的方向（横向或纵向模式）。
overflow-block 输出设备如何处理沿块轴溢出视口的内容（Media Queries Level 4 中添加）。
overflow-inline 是否可以滚动沿内联轴溢出视口的内容（Media Queries Level 4 中添加）。
pointer 主要输入机制是指点设备吗？如果是，它的准确度如何？
（ຕັດສິນຄັງ Media Queries Level 4 ຕື່ມຕື່ມ）。
resolution ຄວາມແຈ້ງຂອງອຸປະກອນສະແດງການສະແດງ，ນຳໃຊ້ dpi ຫຼື dpcm。
scan ຂັບເຄື່ອງສະແດງການສັດຈາກອຸປະກອນການສະແດງ。
scripting 是否可以使用脚本（例如 JavaScript）？（Media Queries Level 4 中添加）
update 输出设备可以多快修改内容的外观（Media Queries Level 4 中添加）。
width 视口宽度。