Web App Manifest orientation属性各取值的具体区别是什么
Web App Manifest orientation属性取值差异详解
1. 「any」和「natural」的区别
any:不对应用方向做任何限制,支持正竖屏、倒竖屏、正横屏、倒横屏全部4种方向,完全跟随用户的设备旋转动作自动切换。natural:仅使用设备厂商预设的原生默认方向,不会支持180度旋转的反向方向。比如绝大多数普通手机的natural方向为正竖屏,即使用户把手机倒过来握持,应用也不会切换为倒竖屏。
2. 「landscape」、「landscape-primary」、「landscape-secondary」的区别
landscape:支持所有横屏方向,包含正横屏、倒横屏两种,只要屏幕宽度大于高度就会适配,用户左右旋转设备切换横屏状态时都会响应。landscape-primary:仅支持横屏主方向,即设备设定的默认横屏方向,通常为手机向右旋转90度后的横屏状态。landscape-secondary:仅支持横屏反方向,和landscape-primary相差180度,通常为手机向左旋转90度后的横屏状态。
3. 「portrait」、「portrait-primary」、「portrait-secondary」的区别
portrait:支持所有竖屏方向,包含正竖屏、倒竖屏两种,只要屏幕高度大于宽度就会适配,用户上下倒置设备切换竖屏状态时都会响应。portrait-primary:仅支持竖屏主方向,即绝大多数手机默认的正常握持方向(顶部听筒/前置摄像头朝上)。portrait-secondary:仅支持竖屏反方向,和portrait-primary相差180度,即手机倒置后底部充电口朝上的竖屏状态。
注意:不同设备的主方向(primary)定义可能存在差异,部分大屏平板的默认主方向本身就是横屏,实际适配时建议结合目标设备的系统设定测试。
内容的提问来源于stack exchange,提问作者Mohammed Rady。
相关产品推荐
相关产品推荐

