// 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文件或script标记中附加事件侦听器

// 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';
    }
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14036101

复制

相似问题

问水平方向+ IOS/android应用开发的条件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问水平方向+ IOS/android应用开发的条件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问水平方向+ IOS/android应用开发的条件
EN