css - 有条件的页面大小

Question

我需要做的是：如果页面大小（不是屏幕大小）超过 2400px，那么表格宽度为 50%，否则为 100%。

@media only screen and (min-width: 2300px) and (max-width: 2500) {
    .tblMemberInfo {
        width: 50%;
    }
}

我尝试使用上面的 CSS，但它不起作用。

标签： cssmedia-queries

Answer 1

您在查询结束时错过了 px 。我不确定这会解决它，但我因此遇到了问题。

@media only screen and (min-width: 2300px) and (max-width: 2500px) {
    .tblMemberInfo {
        width: 50%;
    }
}

我不知道是否有办法从浏览器获取屏幕大小。