IE兼容性——页面失常显示

接着上篇博文,IE浏览器下还有以下不寻常之处:

一、登录成功后只看到顶部的菜单导航栏,但原本的主内容区域是空白一片,定睛一看页面右侧有滚动条,原来内容区域隐藏在页面下方。。。这个情况仅仅在IE浏览器下出现,而像chrome及firfox都是正常的。

      导航菜单是采用了element-ui的组件,再加以自定义实现的,且包裹在el-row中,对比其在chrome和firfox下的表现,IE下el-row并没有根据其中内容自动显示高度哇,一级二级菜单的高度和为160px,谷歌中可正常显示且渲染为160px,于是暂且解决方法,将el-row的高度强制设置内联格式为160px后,可正常显示了。不过具体的原因,我也暂且没有搞明白。后来发现问题的根源——左上角的Logo,我没有为其设置高度。设置了高度后,也是ok的。具体原因,有待后续研究~

二、激活的Tab页下方边框不消失(el-tab组件)

       这种不同浏览器下的显示差异据同事经验讲,一般先查看布局,于是可以明显发现,正常显示的tab页被IE浏览器加上了一个偏移量,查询后,解决方法就是设置其vertical-align为bottom,完美解决。不过具体原因,仍待后续研究~

三 、el-input使用原生属性password失效

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值