css - MacBook 媒体查询

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

我经常注意到，当我在 Retina 显示器上进行设计时，它只会毁掉我的大部分工作。尝试调整您的视口(viewport)设置，使其显示为常规分辨率并从那里开始工作……直到市场上出现高于 1080 的屏幕饱和为止，在更高的屏幕上工作有点糟糕!