Css 用于引导中高度的列md、列xs

我想知道是否有一种方法可以为我的一个CSS类的height属性模拟col md，col xs。我知道我必须在CSS中使用更少的内容，但我无法让它正常工作

在本例中，如果屏幕是移动电话（768px），我希望高度为10px。我是否必须以某种方式编译更少的代码

.master-body {
    border: 1px solid #bdc3c7;
    background-image: url(../../ressources/noise_lines.png);
    background-repeat: repeat;
    height: 75vh;
    overflow: auto;
}

@media (min-width: 768px) {
    .master-body {
        height: 10px;
    }
}

---

将

min width

更改为

max width

以所有小型设备为目标