Question

如果最大设备宽度为480px ，我似乎无法找到正确的方法来简单地更改模态体背景颜色。

我做错了什么？（最终目的不是改变身体的颜色）

http://www.example.com

编辑：请注意，如果我尝试

，它会起作用

.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;
        }
     }
}

Answer 1

我必须使用

@media (max-width: 480px)

而不是

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

SASS +媒体查询+ Bootstrap 3模态

1 个答案: