Mindtouch中的媒体查询
- 适用于：
- 所有MindTouch版本
- 需要的角色：
- N / A.
媒体查询是一个CSS3模块，允许响应于其上加载的设备响应地渲染站点的内容。
Mindtouch中的媒体查询
媒体查询可用于通过设备宽度，宽高比，分辨率，方向，颜色索引等来调整内容的显示。在MindTouch中，媒体查询用于根据所查看的屏幕的宽度来调整或重新化元素。此宽度不计算，而不是像素，而是按字符宽度（EM）考虑屏幕和字体大小之间的差异。这意味着您可以为所有屏幕分辨率（DPI）使用相同的六个媒体查询语句，甚至考虑用户的浏览器缩放，增加了字体大小。
以下是您将在MindTouch CSS中找到的媒体查询。它们具有高于它们上方的近似像素尺寸，以给您一个宽度的概念。
/ * 320px * / @media全部和（min-widey：18.75em）/ * 400px * / @media全部和（min-widey：25em）/ * 600px * / @media所有和（min-width：37.5em）/ * 800px * / @media全部和（min-widey：50em）/ * 1044px * / @media全部和（min-widey：65.25em）/ * 1280px * / @media全部和（min-width：80em）
对于完整的媒体查询规范，请阅读媒体查询来自W3C。