jquery - 使用 -transform 使用 jQuery 更改方向

Question

嘿，我想用 jQuery 改变页面的方向，如下所示：

$(window).resize( function(){

var height = $(window).height();
var width = $(window).width(); 

if(width<height) {
$('body').css({'transform:rotate(90deg);-ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); '});        
} 
}).resize();

但它不起作用..我的错在哪里？

Answer 1

是否有某种原因，基于更多标准的媒体查询技术不适用于您想要实现的目标？

CSS：

@media only screen and (orientation : landscape){
    /* css inside this block only affects width>height situations */
}

@media only screen and (orientation : portrait){
    /* css inside this block only affects height<width situations */
}

当方向改变发生时，这些样式会自动启动——所以你不需要监听 window.resize()。

--------

如果由于某种原因，您还需要在发生更改时触发事件，那么您可以使用多种方法 - 效率最低且成本最高的方法是监听 window.resize() （这只应该在旧版上完成IE 浏览器）。

此链接提供了您可以使用的一些技术的更详细分类。