【报Bug】横屏后菜单布局错误

分类：MUI

详细问题描述
[内容]

Bug - 横屏后菜单布局错误

重现步骤
[步骤]
1，创建中间带圆形凸起按钮的底部选项卡模板项目。
2，手机竖直拿着，直接真机运行。运行后将手机横屏，见下图效果（按钮错乱）：

3，点击底部空白处可以切换，切换后，再将其竖屏，见下图（4个正常的按钮就变成细长的了）：

[结果]
[期望]

运行环境 ios 11.3 iphone 7 plus 电信版
[系统版本]
[浏览器版本]
[IDE版本]
[mui版本]

附件
[代码片段]
[安装包]

联系方式
[QQ] 330202095
[电话]

2018-04-18 16:56 负责人:无分享

3 个回复

skysowe

//判断手机横竖屏状态，改变当前webview的高度：
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {

                //安卓和iOS在横屏时，数值刚好相反，所以要分开处理  
                //bug: setStyle在安卓下无效，等待官方处理；iOS正常！  

                if(os_name=="Android"){  
                    //....  
                }else if(os_name=="iOS"){  
                    //....  
                }  

            }, false);