0

我正在使用 phonegap(cordova) 框架创建一个 ios/android 应用程序。我的 UI 代码有点缺乏水平方向。所以，我只想改变水平方向的外观，而不是垂直方向。有没有我可以在 index.html 中应用的条件来实现这一点，最好是在javascript/jquery. 提前致谢。

4

1 回答 1

0

您可以为事件 onOrientationChange() 创建一个事件侦听器，您可以在其中更改适用于特定方向的 css 文件。

// create the link tag for the css file in your head section
<HEAD>
<LINK ID="OrientationSpecificCSSTag" REL="stylesheet" TYPE="text/css" HREF=""> // keep the href empty, will set later
.....
</HEAD>

现在将事件侦听器附加到您的 javascript 文件或脚本标记中

// attach the onOrientationChange event listener in your script tag
window.addEventListener( 'onorientationchange', OnOrientationChange, false );

实现 OnOrientationChange 函数，该函数根据方向实际更改 css 文件

function OnOrientationChange()
{
    // case: if portrait
    if( window.orientation == 0 || window.orientation == 270 )
    {
         document.getElementById('OrientationSpecificCSSTag').HREF = 'landscape.css';
    }
    else
    {
         document.getElementById('OrientationSpecificCSSTag').HREF = 'portrait.css';
    }
}
于 2012-12-26T05:47:56.403 回答