MacBook MediaQueries

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 (2560x1600)上，它一直在使用。

有什么想法吗？

Answer 1

我注意到，当我在设计视网膜显示器时，它会毁了我的大部分工作。尝试调整您的视口设置，使其显示为常规分辨率，并从那里开始工作...在1080以上的屏幕市场饱和之前，在更高的屏幕上工作是很糟糕的！