用于屏幕方向的 Javascript 或 jquery 代码

Question

我需要 Javascript 或 Jquery 来检测屏幕方向，然后为每个方向加载不同的 HTML 和 css。

这是一些我认为不错的代码，是我从不同的示例中组合起来的，但我不知道完成它需要哪些代码。

    $(window).on("orientationchange",function(){
    if(window.orientation == 0) // Portrait
    {
    jquery code here to load some external HTML AND CSS
    }
    else // Landscape
    {
    jquery code here to load some external HTML AND CSS
    }
    });

这看起来正确吗？我需要什么样的代码来完成它？任何帮助都会很棒。

Answer 1

与其使用 JS 检测方向然后为此重新绘制显示，为什么不直接使用 CSS 媒体查询/响应式设计来布局？