在本节中，我们将学习Sass中的@media指令。@media指令用于为不同的媒体类型设置样式规则。这与CSS的使用规则类似，但有一点不同，即@media指令可以嵌套在Sass选择器中。有点类似于JS冒泡，它冒泡到样式表的顶层。使用@media指令的示例：.xkd{width:300px;高度：100px；@mediascreenand(orientation:portrait){width:500px;}}编译成CSS代码：.xkd{width:300px;高度：100px；}@mediascreenand(orientation:portrait){.xkd{width:500px;}}orientation用于定义输出设备中页面可见区域的高度是否大于等于宽度，有两个可选值，portrait表示指定输出设备可见区域的高度页面中的区域大于或等于宽度，除纵向值外均为横向。@media支持嵌套示例：比如我们在一个@media中嵌套另一个@media:@mediascreen{.xkd{@media(orientation:landscape){color:#ccc;}}}编译成CSS代码：@mediascreenand(orientation:landscape){.xkd{color:#ccc;}}
