是否可以根据方向更改javascript /查询隐藏/显示div

时间:2015-03-03 18:25:48

标签: javascript jquery html css

类似的东西:

如果orientation = landscape { 隐藏divA 其他 显示divA}

原谅非脚本示例,认为用这种方式解释会更容易,因为不太确定最好的方法来解决它

1 个答案:

答案 0 :(得分:3)

是的,您可以使用css媒体查询执行此操作。

jsfiddle demo(使html视图的宽度变小,看看会发生什么)

@media all and (orientation:portrait) {  
    /* Styles for Portrait screen */  
}  
@media all and (orientation:landscape) {  
    /* Styles for Landscape screen */  
}