javascript - 检测屏幕分辨率并修改布局

我需要检查用户的分辨率是 1300px，是否小于1300px才能加载水平div的布局，是否大于1300px来加载垂直div的布局。

模板是一样的，我只需要根据分辨率将一个div放在水平或垂直位置即可。

由于我无法使用PHP执行此操作，因此必须使用javascript进行操作，因此必须使用“加载”功能加载模板的一部分，该模板的垂直或水平div是什么？我正在使用Yii框架

最佳答案

您可以为此使用CSS媒体查询：

// For screen < 1300px
@media screen and (max-width: 1300px) {
    .foo {
        ...
    }
}

// For screen > 1300px
@media screen and (min-width: 1300px) {
    .foo {
        ...
    }
}

关于javascript - 检测屏幕分辨率并修改布局，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20935084/