iphone - 我可以在 iPhone 方向更改时在 mobile safari 中触发 CSS 事件吗？

Question

我试图弄清楚当用户将手机从纵向模式旋转到横向模式时如何更改嵌入式网页 - 基本上是为了加载更适合更宽屏幕格式的 View 。这是否可以在不从服务器调用新页面的情况下完成，即从 CSS/Javascript 本身驱动它？

谢谢!

Answer 1

您可以使用window.orientation属性。它的值是当前 View 模式的使用程度。这是一个简短的示例:

function updateOrientation()
{   
    var orientation=window.orientation;
    switch(orientation)
    {

        case 0:

                break;  

        case 90:
                break;

        case -90:   

                break;
    }

}

您可以在此事件中使用此功能:

window.onorientationchange=updateOrientation;

希望有帮助!