Question

我需要检查用户的分辨率是否为＆lt; 1300px或＆gt; 1300px以及是否为<1300px以加载具有水平div的布局，如果是> 1300px以加载具有垂直div的布局。

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

由于我不能用PHP做，我必须使用javascript，所以我必须使用“加载”功能加载我的模板的部分是垂直或水平div？我正在使用Yii框架

Answer 1

通常这种事情在CSS域中（通过media queries），而不是JavaScript域。

你可以使用screen object来获取用户屏幕的尺寸：

var width = screen.width; // Or screen.availWidth;

Answer 2

您可以使用CSS媒体查询：

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

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

Answer 3

In JavaScript you can detect it by:

window.screen.availHeight
window.screen.availWidth

在CSS中，您需要使用media queries：

@media screen and (min-width: 1200px)

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

3 个答案: