使用 jquery 更改媒体刷新图像大小

Question

function getItemWidth(){
    var slide_wi = 976;

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

    if(window_width < 350){
        slide_wi = 300;
    }else if(window_width <= 568){
        slide_wi = 458;
    }else if(window_width <= 800){
        slide_wi = 746;
    }else if(window_width >= 1152){
        slide_wi = 976;
    }
    return slide_wi;
} ;

这个尺寸的问题不是重新调整前的媒体。 iphone landsace 和 potratie

Answer 1

使用函数onorientationchange

window.onorientationchange  = function(){
    //Your Code 
}

还要检测landscape mode或potrait mode，你可以试试这个

var screenWidth = window.innerWidth;
var screenHeight = window.innerHeight;
if(screenWidth>screenHeight)
{
    alert('landscape mode');
}
else
{
    alert('potrait mode');
}