## device device指设备的宽度.所以该媒体功能只在移动端起作用.无法在PC端使用(因为电脑屏幕的尺寸没有发生变化). 下面的例子在移动端会发生颜色的变化,而在PC端不会发生变化. ``` body { background-color: red; } @media screen and (min-device-width: 768px) { body { background-color: green; } } @media screen and (min-device-width: 992px) { body { background-color: blue; } } @media screen and (min-device-width: 1200px) { body { background-color: pink; } } ```