css - 如何在方向更改后重新加载 CSS 文件(手机)？

Question

对于我网站上的画廊，我使用媒体查询根据屏幕宽度重新调整图像大小(我使用 galleria 的作品集主题)并且图像大小应该在您倾斜手机时发生变化 - 但这种情况只会发生手动重新加载后。 (添加方向横向或纵向没有任何作用)。

所以基本上，我想避免重新加载整个页面，因为它涉及重新加载图像 - 信息在 CSS 文件中，我可以单独重新加载该文件吗？

非常感谢!

Answer 1

使用例如jQuery mobile并捕获 orientationchange 事件。

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