前端跨浏览器兼容问题总结

写小米网页的过程都是使用火狐浏览器调整页面布局,当用360浏览器和本机IE浏览器打开时,布局就错乱了。

1. IE8、IE9、ie10不能触发动画显示或者点击事件

我的按钮点击事件click是使用jquary方法写的,网查资料后得知jQuery2.0及以上版本不支持IE8及以下版本的IE浏览器,而我使用的是jQuery3.1.1,所以重新下载jQuery1.x版本的框架。

更换jQuery版本后按钮的点击事件依然不能成功触发,换到IE10浏览器同样不能触发,后来才发现实IE浏览器出于安全性考虑阻止了自己写的脚本,所以此时修改IE浏览器的Internet选项。

方法:设置- Internet选项 – 高级– 安全,下面有一项“允许活动内容在"我的电脑"中运行,打上对勾。重启IE浏览器。要全部关闭IE浏览器,如果还有其他网页开着时,需要重启电脑。

此时动画正常显示,click点击事件也成功触发。

详细参考前端click触发失败解决方法

2. 问题2:

在火狐浏览器上四张图片一排浮动在右侧,IE浏览器打开页面,产品图片一起跑到当前div块下方。引起错乱。

解决方法:

<head>头部加上X-UA-Compatible设置后,这种页面布局大的错乱就解决了。如下:
html <meta http-equiv="X-UA-Compatible" content="IE=

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值