Question

我创建了一些使用媒体查询的CSS：

@media (max-width: 1230px) {

    .under_navi {
        height: 300px;
        text-align: center;
        .container {
            width: 100% !important;

        }
        .left_image {
            float:none;display: inline-block;
            width: initial !important;
        }
        .left_image {
            width: 100% ;
        }
    }
    .right_icons {
        float: right;
        margin-top: 18px;
        width: 100%;
        text-align: center;
    }
    .right_icons .icon {
        float: none;
        display: inline-block;
        margin-left: 13px;
    }

}

在Windows或任何其他设备上，它可以，但不适用于MacBook。 @media (max-width: 1230px)行表示仅在1230px设备宽度后才应用样式但是在13.3英寸的MacBook（2560 x 1600）上，它一直在应用有什么想法吗？

Answer 1

我注意到很多，当我在视网膜显示器上进行设计时，它会破坏我的大部分工作。尝试调整您的视图端口设置，使其显示为常规分辨率，然后从那里开始工作......直到市场上的屏幕高于1080，这种情况更糟糕！

MacBook媒体查询

1 个答案: