CodeW3C အွန်လိုင်း ဖော်ပြချက်
HTML စံပြ ဖော်ပြချက်
ဘာသာသတင်းဘာသာရေး
ရှိခ်းကြည့်
ကြည်းတပ်ရေး ဖော်ပြချက်
XML စံပြ ဖော်ပ�ချက်
စာမေးသတင်း ညွှန်ပြချက်
ညွှန်ပြချက် ဘာသာသံ
ပရိုဂရုတ်အချက်အလက်
JS လိုင်စင်အချက်အလက်
JS လိုင်စင်အချက်အလက် (အမျိုးအစား)
JS လိုင်စင်အချက်အလက် (အက္ခုတ်အောက်)
JavaScript
JS Array
JS Boolean
JS အမျိုးအစား
JS ရက်စွဲ
JS Error
JS Global
JS JSON
JS Map
JS Math
JS အကြမ်း
JS Promise
JS RegExp
JS Set
JS စကား
JS အပုံအခြုံ
JS အစုံး
JS အစုံး အဆင့်
JS ဖော်ပြ
JS အမျိုးအစားပြုထားသော ပြင်ဘာ
Window
Window အပေါင်းစု
Window Console
Window သမိုင်း
Window နေရာ
Window လိုင်ဂျာ
Window အိုင်ငံပြည်
HTML DOM
HTML အုပ်ချုပ်
HTML အီအိုအင်အီး
HTML အက်ရှိယ
HTML အခမ်းအား
HTML အခမ်းအား အပုံအခြုံ
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML အေျာ့
Web API
API Canvas
API Console
API Fetch
API ပျက်ကွက်ပြီး
API နေရာချိုး
အရေးပါ စာရင်း
API MediaQueryList
API စနစ်
API စည်းကမ်းမြှင့်
API ဝီကီ
HTML အပုံအခြုံ
<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strong>
<sub>
<sup>
<table>
<tbody>
<td>
<tfoot>
<th>
<thead>
<tr>
<textarea>
</a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အပုံစံ"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အပုံစံ"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အပုံစံ"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အပုံစံ"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အပုံစံ"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အပုံစံ">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမျိုးအစား ပြောင်းလဲ">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/my/howto/index.html" title="CodeW3C.com ဘွတ်ခုံ">CodeW3C.com ဘွတ်ခုံ</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>ဂျပ်တာစက် Media Query List API</h1> <div class="prenextnav"> <ul> <li> အရေးနိမ့် စာရင်း <a href="/my/jsref/api_history.html" title="JavaScript History API">အရေးပါ စာရင်း</a></li> <li> နောက်ဆုံး စာရင်း <a href="/my/jsref/api_storage.html" title="ဂျပ်တာစက် Storage API">API စနစ်</a></li> </ul> </div> <div> <h2>MediaQueryList 对象</h2> <p><em>MediaQueryList</em> 对象存储来自媒体查询的信息。</p> <p><em>MediaQueryList</em> 对象是<em>窗口对象</em>的属性。</p> <p><em>MediaQueryList</em> 对象通过以下方式访问：</p> <p><code>window.matchMedia()</code> 或仅用 <code>matchMedia()</code>：</p> <h3>အက်ဥပဒေ</h3> <pre class="language-js"> const mqlObj = window.matchMedia(); const mqlObj = matchMedia(); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_win_matchmedia_1">ကိုယ်တိုင် စစ်ဆေး ပါ</a></p> <h3>另请参阅：</h3> <p><a href="/my/jsref/met_win_matchmedia.html" title="Window matchMedia() စမ်းသပ်">window.matchMedia() 方法</a></p> </div> <div> <h2>MediaQueryList 属性</h2> <table class="dataintable"> <tr> <th style="width: 30%;">属性</th> <th>ဖော်ပြ</th> </tr> <tr> <td>matches</td> <td>布尔值。如果文档与查询匹配，则为 <code>true</code>，否则为 <code>false</code>。</td> </tr> <tr> <td>media</td> <td>字符串值。媒体查询（列表）。</td> </tr> </table> </div> <div> <h2>MediaQueryList 方法</h2> <table class="dataintable"> <tr> <th style="width: 30%;">方法</th> <th>ဖော်ပြ</th> </tr> <tr> <td>addListener()</td> <td>添加新的侦听器函数，每当媒体查询的评估结果发生变化时都会执行该函数。</td> </tr> <tr> <td>removeListener()</td> <td> <p>从媒体查询列表中删除先前添加的侦听器函数。</p> <p>如果指定的侦听器不在列表中，则不执行任何操作。</p> </td> </tr> </table> </div> <div> <h2>အချက်အလက် အသုံးပြု</h2> <p><code>matchMedia()</code> အချက်အလက် အသုံးပြု နိုင် သည် ဖြစ်သည် <a href="/my/cssref/pr_mediaquery.html" title="CSS @media ချက်">CSS @media ချက်</a> အချက်အလက် အမျိုးအစား နှင့် ပတ်သတ် သည်၊ ဥပမာ min-height အရွယ် အမြင့် အနက် အမြင့် အရွယ် အနက် အမျိုးအစား အသုံးပြု ရန် ရှိသလား</p> <h3>အက်ဥပဒေ</h3> <pre class="language-js"> matchMedia("(max-height: 480px)").matches); matchMedia("(max-width: 640px)").matches); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_win_matchmedia_2">ကိုယ်တိုင် စစ်ဆေး ပါ</a></p> </div> <div> <h2>စက်တင် အမျိုးအစား</h2> <table class="dataintable"> <tr> <th style="width: 30%;">ပြောင်းလဲ</th> <th>ဖော်ပြ</th> </tr> <tr> <td>all</td> <td>ပုံစံ</td> </tr> <tr> <td>print</td> <td>စက်တင် ပေါင်း</td> </tr> <tr> <td>screen</td> <td>အက်ယ်လိဂ် ပုံမှန် အော်ဂန်း ပေါင်း</td> </tr> <tr> <td>speech</td> <td>စက်တင် ကြော်ငြာ အသုံးပြု သည် ဖြစ်သည်၊ ပုံမှန် အော်ဂန်း ပေါင်း</td> </tr> </table> </div> <div> <h2>စက်တင် အချက်အလက်</h2> <table class="dataintable"> <tr> <th style="width: 30%;">ပြောင်းလဲ</th> <th>ဖော်ပြ</th> </tr> <tr> <td>any-hover</td> <td>အသုံးပြုသူ အတွက် သင်္ကေတ ကို အသုံးပြု ရန် ရှိသလား၊ အသုံးပြုသူ အတွက် အရွယ်အမြင့် ပေါင်း အသုံးပြု ရန် ရှိသလား？<br>(Media Queries Level 4 တွင် ထပ်ထည့်ခဲ့သည်)။</td> </tr> <tr> <td>any-pointer</td> <td>အသုံးပြုသူ အတွက် သင်္ကေတ ကို အသုံးပြု ရန် တွင် ရှိသလား၊ အရှိန် အများဆုံး အပြီး အမြဲတမ်း အရှိန် အများဆုံး ဖြစ်သလား？<br>(Media Queries Level 4 တွင် ထပ်ထည့်ခဲ့သည်)။</td> </tr> <tr> <td>aspect-ratio</td> <td>ဗွီဒို အရွယ် အမြင့် ပေါင်း</td> </tr> <tr> <td>color</td> <td>တုတ်တိုက် ကုဒ်း လက်ခံ အရောင် အစိတ်အစိတ် ကို အနက်အတိုင်း ပုံစံ</td> </tr> <tr> <td>color-gamut</td> <td>အသုံးပြုသူ နှင့် တုတ်တိုက် ကုဒ်း လက်ခံ သည် ကို သိမ်းမိသော အရောင် ပေါင်း<br>（Media Queries Level 4 中添加）</td> </tr> <tr> <td>color-index</td> <td>设备可以显示的颜色数量。</td> </tr> <tr> <td>grid</td> <td>设备是网格还是位图。</td> </tr> <tr> <td>height</td> <td>视口高度。</td> </tr> <tr> <td>hover</td> <td>主要输入机制是否允许用户将鼠标悬停在元素上？<br>（Media Queries Level 4 中添加）</td> </tr> <tr> <td>inverted-colors</td> <td>浏览器或底层操作系统是否反转颜色？<br>(Media Queries Level 4 တွင် ထပ်ထည့်ခဲ့သည်)။</td> </tr> <tr> <td>light-level</td> <td>当前环境光级别（Media Queries Level 4 中添加）。</td> </tr> <tr> <td>max-aspect-ratio</td> <td>显示区域的最大宽高比。</td> </tr> <tr> <td>max-color</td> <td>输出设备每个颜色分量的最大位数。</td> </tr> <tr> <td>max-color-index</td> <td>设备可以显示的最大颜色数。</td> </tr> <tr> <td>max-height</td> <td>显示区域的最大高度，例如浏览器窗口。</td> </tr> <tr> <td>max-monochrome</td> <td>单色（灰度）设备上每种“颜色”的最大位数。</td> </tr> <tr> <td>max-resolution</td> <td>设备的最大分辨率，使用 dpi 或 dpcm。</td> </tr> <tr> <td>max-width</td> <td>显示区域的最大宽度，例如浏览器窗口。</td> </tr> <tr> <td>min-aspect-ratio</td> <td>显示区域的最小宽高比。</td> </tr> <tr> <td>min-color</td> <td>输出设备每个颜色分量的最小位数。</td> </tr> <tr> <td>min-color-index</td> <td>设备可以显示的最小颜色数。</td> </tr> <tr> <td>min-height</td> <td>显示区域的最小高度，例如浏览器窗口。</td> </tr> <tr> <td>min-monochrome</td> <td>单色（灰度）设备上每种“颜色”的最小位数。</td> </tr> <tr> <td>min-resolution</td> <td>设备的最小分辨率，使用 dpi 或 dpcm。</td> </tr> <tr> <td>min-width</td> <td>显示区域的最小宽度，例如浏览器窗口。</td> </tr> <tr> <td>monochrome</td> <td>单色（灰度）设备上每种“颜色”的位数。</td> </tr> <tr> <td>orientation</td> <td>视口的方向（横向或纵向模式）。</td> </tr> <tr> <td>overflow-block</td> <td>ပုံရိပ် ထုတ်လုပ်သည်၏ တစ်ခုခုကို အင်တာနက် အစိတ်အခံ တွင် တွဲကြည်း နိုင်သလား (Media Queries Level 4 တွင် ထပ်ထည့်ခဲ့သည်)။</td> </tr> <tr> <td>overflow-inline</td> <td>ပုံရိပ် ထုတ်လုပ်သည်၏ တစ်ခုခုကို အင်တာနက် အစိတ်အခံ တွင် တွဲကြည်း နိုင်သလား (Media Queries Level 4 တွင် ထပ်ထည့်ခဲ့သည်)။</td> </tr> <tr> <td>pointer</td> <td>အခြေခံ တိုက်ရိုက် အချက်အလက် သည် တိုက်ရိုက် အသုံးပြုသည့် ပုံရိပ် အသုံးချင်းဖြစ်သလား၊ အချက်အလက် အခြေအနေ ဘယ်လေးသလား။<br>(Media Queries Level 4 တွင် ထပ်ထည့်ခဲ့သည်)။</td> </tr> <tr> <td>resolution</td> <td>ပုံရိပ် ထုတ်လုပ်သည်၏ အထူးအေးအချိန်အရှည်၊ dpi သို့မဟုတ် dpcm အား အသုံးပြုပါ။</td> </tr> <tr> <td>scan</td> <td>ပုံရိပ် ထုတ်လုပ်သည်၏ နှင့် တိုက်ရိုက် ပြီး စစ်ဆေး ပုံရိပ် လုပ်ငန်းဖြစ်သည်။</td> </tr> <tr> <td>scripting</td> <td>လက်တင်တုပ် (ဥပမာ JavaScript) ကို အသုံးပြုနိုင်ပါသလား (Media Queries Level 4 တွင် ထပ်ထည့်ခဲ့ပါသည်)？</td> </tr> <tr> <td>update</td> <td>ပြောင်းလဲခြင်း မှာ ထို့ကဲ့သို့ ပြောင်းလဲနိုင်ပါသည် (Media Queries Level 4 တွင် ထပ်ထည့်ခဲ့ပါသည်)。</td> </tr> <tr> <td>width</td> <td>လုပ်ငန်းပြင် အကွက်</td> </tr> </table> </div> <div class="prenextnav"> <ul> <li> အရေးနိမ့် စာရင်း <a href="/my/jsref/api_history.html" title="JavaScript History API">အရေးပါ စာရင်း</a></li> <li> နောက်ဆုံး စာရင်း <a href="/my/jsref/api_storage.html" title="ဂျပ်တာစက် Storage API">API စနစ်</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> အက်စ်စ်စ် အက်စ်စ် အက်စ်စ် </center><h3> <h5 id="tools_reference"><a href="/my/jsref/index.html">JavaScript နှင့် HTML DOM ညွှန်ပြချက် ဘာသာသံ</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အမှတ်အသား</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/js/index.html">JavaScript ဖို့အချက်</a></h5> </div> <div><h3><center> ထောက်ပံ့သူ ချွန်းလုံး </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com က ပြည့်ပြည့်ချင်း ကျမ်းသစ်များ အသုံးပြုခြင်း နှင့် စမ်းသပ်ခြင်း အတွက် သာ ပြည့်ပြည့်ချင်း ပြန်လည်ပေးသည်။ အခြေခံ အချက်အလက် အခြေခံ မရှိပါ။ အိမ်ဖုံး မရှိပါ။ </p> <p id="p2"> <a href="/my/about/index.html" title="အခြေခံ CodeW3C.com">အခြေခံ CodeW3C.com</a> <a href="/my/about/about_helping.html" title="အကူအညီ CodeW3C.com">အကူအညီ CodeW3C.com</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း">အသုံးပြုခြင်း အခြေခံ</a> <a href="/my/about/about_privacy.html" title="သတင်းအချက်">သတင်းအချက် အခြေခံ</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="သဘောပြောင်းဆိုထားသည် Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>