CSS(如果有其他条件),移动人像或风景

用户名

如何使用高度条件。没有JavaScript。

@media (calc(window-width > window-height)) {
    background-color: lightblue;
}
@media (calc(window-width <= window-height)) {
    background-color: lightgray;                
}

我想为移动设备进行分页,以检测移动设备是否旋转为纵向或横向。

安德烈亚斯

您可以使用方向约束:

@media handheld and (orientation: landscape) {
    /* applies to mobiles in landscape mode */
}
@media handheld and (orientation: portrait) {
    /* applies to mobiles in portrait mode */
}

多个规则以逗号分隔(OR),否则使用AND

参见MDN

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

TOP 榜单

热门标签

归档