.

14.5 判断手机处于横屏还是竖屏

小常发表于:2018年06月04日 16:43:14更新于:2022年09月30日 18:17:59

一、案例效果

0015cb81d18ce91d3223604e7cfd623

《发现重庆万科2017新著》


二、应用场景

有些H5会做成横屏的效果,但是很多打开H5的用户可能不知道需要锁定屏幕观看,通常如果H5检测到用户的手机屏幕方向未锁定或有翻转不适合作品体验,就会根据用户当前的屏幕是横向还是总想来提示TA。


二、功能设置

1.添加系统参数至页面中

image.png


2.给系统参数选择判断横竖屏的参数类型,并给分别设置处于横屏或者竖屏时的触发器image.png


3.可以设置触发方式为:立即触发,也可以按照下图方式设置页面触发器触发

0016336c1ac08a6120b10efd558975d

0016336c1b36f73996d4d77d4dffd30