在设置媒体查询的时候，我们可以设置一些表达式来判断一下媒体的特性 … 比如分辨率，高度，宽度，屏幕的宽和高的比例，可视窗口的尺寸，使用的方向是水平方向，还是垂直方向等等。

比如我们想要判断设备的使用的方向是否是垂直方向 … 这个表达式可以这样来写 …

(orientation: portrait) …

整个表达式要放在一个括号里 … 然后 orientation 是要查询的媒体特性 … 也就是设备的使用方向 … 后面加上一个冒号 … 冒号的右边是要查询的值 …

portrait 表示垂直方向 …

这样，如果设备的方向是垂直的，这个表达式会返回一个真的值 …

最大与最小

另外，很多媒体特性都可以在它们的前面添加一个 max 或者 min … max 是英文单词 maximum 的缩写 … 意思是 最大 …

这个 max 就相当于是 小于或等于 ….

min 表示 最小 … 是 minimum 的缩写 … min 就相当于是 大于或等于 ….

比如你想判断设备的最大宽度是否是 480px … 也就是设备的宽度小于或者等于 480px …. 我们可以使用 max … 再加上媒体的特性 …

这个表达式可以这样写 max-device-width:480px

device-width 是要查询的媒体特性 … 表示设备的宽度 … 前面加上了一个 max .. 表示设备的最大宽度 …

冒号的后面是要判断的媒体特性的值 …

合起来的意思就是，如果设备的宽度是480px ，或者小于 480px ，这个表达式就会返回一个真的值 …

注意这里我们用的媒体特性是 device-width … 并不是可视窗口，或者浏览窗口的宽度 … 而是设备的整体的宽度 …