我们需要一个翻译官，根据设备的宽度，说不同的话。
/* 默认是手机样式 (Mobile First) */
.box { background: red; }
/* 当屏幕比 600px 宽时 (平板) */
@media (min-width: 600px) {
.box { background: yellow; }
}
/* 当屏幕比 900px 宽时 (桌面) */
@media (min-width: 900px) {
.box { background: green; }
}
内容是一样的，但样式改变了！
要让这一切生效，必须在 <head> 里加上这句咒语：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
它告诉手机浏览器：“不要把我看作缩小的电脑网页，我是真的手机网页！”
任务： 设定界限。
问题：如果你想在屏幕宽度小于 600px (手机) 时应用样式，应该怎么写？