三种检测iphone设备方向的方法

使用meta标签视口

视口标记包含以下属性：


为了自动检测和匹配屏幕宽度，我们应该使用设备而不是设置一个固定的值。此外，为了避免用户缩放，界面不在屏幕上，我们需要设置最大规模。
复制代码代码如下所示：


使用javaｓｃｒｉｐｔ脚本

下面的脚本通过检测屏幕的宽度和方向来检测方向的方向。
复制代码代码如下所示：

无功updatelayout =函数（）{（）
如果（window.innerwidth！= currentwidth）{
currentwidth = window.innerwidth；
var =东方（currentwidth = = 320）形：景观；
document.body.setattribute（东方
（0, 1）window.scrollto；
}
}；

IPhone.DomLoad（updatelayout）；
setInterval（updatelayout，400）；


上面的脚本可以放在头部。

使用CSS

使用CSS的媒体查询：
复制代码代码如下所示：