方向更改后如何重新加载CSS文件(手机)?

方向更改后如何重新加载CSS文件(手机)?,css,mobile,screen-orientation,Css,Mobile,Screen Orientation,对于我网站上的多媒体资料,我使用媒体查询根据屏幕宽度(我使用galleria的对开本主题)重新调整图像大小,并且图像大小应该在倾斜手机时改变,但这只有在手动重新加载手机后才会发生。(添加方向、横向或纵向没有任何作用) 因此,基本上,我希望避免重新加载整个页面,因为它涉及到重新加载图像-信息在CSS文件中,我可以单独重新加载该文件吗 非常感谢 所有最新的智能手机和平板电脑浏览器都明确支持基于方向的媒体查询,请参阅。这里提到的是iOS 4.0以上支持它。如果您向下滚动“奖金:iPhone支持”部分,

对于我网站上的多媒体资料,我使用媒体查询根据屏幕宽度(我使用galleria的对开本主题)重新调整图像大小,并且图像大小应该在倾斜手机时改变,但这只有在手动重新加载手机后才会发生。(添加方向、横向或纵向没有任何作用)

因此,基本上,我希望避免重新加载整个页面,因为它涉及到重新加载图像-信息在CSS文件中,我可以单独重新加载该文件吗


非常感谢

所有最新的智能手机和平板电脑浏览器都明确支持基于方向的媒体查询,请参阅。这里提到的是iOS 4.0以上支持它。如果您向下滚动“奖金:iPhone支持”部分,它还为自动触发的古怪手机提供了一种解决方法

如果将媒体查询指定为CSS include的一部分,则在其适用之前不应加载该查询,从而自动解决您的问题


如果您仍然遇到有问题的平台,您可以使用作为备用方案,例如在运行时使用加载图像和样式表,或者使用jQuery的对应项。

所有最新的智能手机和平板电脑浏览器都明确支持基于方向的媒体查询,请参阅。这里提到的是iOS 4.0以上支持它。如果您向下滚动“奖金:iPhone支持”部分,它还为自动触发的古怪手机提供了一种解决方法

如果将媒体查询指定为CSS include的一部分,则在其适用之前不应加载该查询,从而自动解决您的问题

如果您仍然遇到有问题的平台,您可以使用作为备用方案,例如在运行时使用加载图像和样式表,或者使用其jQuery对应项。

使用例如和捕获
orientationchange
事件

  $(window).bind('orientationchange', function(e) {
    if(e.orientation === 'landscape'){
        //edit you CSS
        // or reload image
    }else{
        // roll back
    }
});
例如,使用和捕捉
orientationchange
事件

  $(window).bind('orientationchange', function(e) {
    if(e.orientation === 'landscape'){
        //edit you CSS
        // or reload image
    }else{
        // roll back
    }
});

谢谢,我如何将其绑定到if/else语句?基本上,当图像处于全屏状态时,我需要一个重新加载的例外(因为当它在全屏状态下重新加载时,您将退出全屏)。或者我可以使用类似于忽略函数的功能吗?对不起,我是新手!谢谢,我如何将其绑定到if/else语句?基本上,当图像处于全屏状态时,我需要一个重新加载的例外(因为当它在全屏状态下重新加载时,您将退出全屏)。或者我可以使用类似于忽略函数的功能吗?对不起,我是新手!