SASS + 媒体查询 + Bootstrap 3 模态

Question

在 ma​​x-device-width 为 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)