Html overflow-y不处理媒体查询

我正在尝试删除桌面上的滚动，但继续滚动手机和平板电脑。有人能告诉我为什么下面的代码不起作用吗

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) {
    body { 
    overflow-y:visible;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
    body { 
    overflow-y:visible;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {
    body { 
    overflow-y:hidden;
    }
}

---

既然您已经知道了媒体查询断点，为什么不直接在PX中执行媒体查询呢

---

您是否也可以提供html或为其创建一个提琴？

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px){
    body { 
    overflow-y:visible;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    body { 
    overflow-y:visible;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    body { 
    overflow-y:hidden;
    }
}