媒体查询
知有
176
- media query
- media query 语法格式：
@media notlonly 设备类型 [ and 设备特性］＊{}
在语法格式中，［and 设备特性］部分可以出现 0~N 次，通过使用多个[and 设备特
性］可以对多个设备特性进行匹配。
- media query：语法格式中的设备类型如下。
- all：适用于所有的设备类型。
- aural：适用于语音和音频合成器。
- braille：适用于触觉反馈设备。
- embossed：适用于凸点字符（盲文）印刷设备。
- handheld：适用于小型或手提设备
- print：适用于打印机。
- projection：适用于投影图像，如幻灯片。
- screen：适用于计算机显示器。
- tty：适用于使用固定间距字符格的设备，如电传打字机和终端。
- tv：适用于电视类设备。
- 针对浏览器宽度调整布局
@media screen and (min-width: 1000px) {
......
}
@media screen and (max-width: 480px) {
......
}
上面的代码表示如果视口的宽度为1000像素或更宽时采用的样式和小于480像素时采用的样式。