阶段总结,移动端横竖屏切换、阻止长按默认行为、css控制footer固定在底部

xiaoxiao2021-02-28  109

1、横竖屏切换 属性:window.orientation: 90/-90 横屏; 0/180 竖屏

事件:orientationchange

禁止移动端横竖屏切换:(微信中无效)

<!-- uc强制竖屏 --> <meta name="screen-orientation" content="portrait"/> <!-- QQ强制竖屏 --> <meta name="x5-orientation" content="portrait"/>

2、阻止长按默认行为 android:e.preventDefault() ;同时修复touchend不能正常触发bug ios: *{ -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -o-user-select:none;

}

3、css控制footer内容过少时自动固定在底部 .content{ min-height: 100%; padding: 0 0 5.32rem 0; } .footer{ height: 5.32rem; margin-top: -5.32rem; }

转载请注明原文地址: https://www.6miu.com/read-31906.html

最新回复(0)