SASS + 媒体查询 + 引导 3 模式

Question

在最大设备宽度为 480px 的情况下，我似乎找不到简单地更改模态主体背景颜色的正确方法。

我做错了什么？(最终目的当然不是改变机身颜色(

.modal.blue.modal-fixed {
    .modal-body{
        color: map_get($colors, 'light');
        max-height: calc(100vh - 85px);
        overflow-y: auto;
        background: map_get($colors, 'dark-blue');
    }
    @media only screen and (max-device-width : 480px){
        .modal-body{
          background:#fff;
        }
     }
}

编辑：请注意，如果我尝试，它可以工作

min-device-width : 480px

Answer 1

我不得不使用

@media (max-width: 480px) 

而不是

@media only screen and (max-device-width : 480px)