关于浏览器兼容

最新推荐文章于 2022-08-15 12:06:34 发布

原创最新推荐文章于 2022-08-15 12:06:34 发布 · 378 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ie #html #css #js

ie兼容专栏收录该内容

4 篇文章

订阅专栏

本文介绍了新型互联网产品和传统行业网站开发中遇到的浏览器兼容性问题。内容涵盖HTML5元素如section、header、footer的使用场景，CSS3特性如animate、transform的限制，以及JavaScript在不同浏览器版本间的差异。针对老旧浏览器提出了相应的解决方案。

1html兼容
—新型的互联网产品通常对浏览器版本没什么特殊限制，可以采用最新的h5开发：比如语义化标签section，header，footer
—表单中简单的验证也可以用type=‘email’ ‘num’ ‘telphone’
—传统行业通常电脑比较老，用的浏览器版本低，所以不能尽量避免用h5
2css兼容
—css3比如animate，transfrom避免使用
—清除float，bootstrap中的clearfloat不起作用，需要自己手写清除float
—ie9中flexbox会失效，大布局使用position会兼容性比较好
—使用less更便于组件样式的订制和管理
—less中转换问题background 属性值中 0 0 / 0 0写成 0 0 e(‘/’) 0 0
3js兼容
—对于较低版本的浏览器，使用jquery版本不超过2，个人习惯使用1.11.3,
—设置disabled，checked属性值时用prop不用attr更保险
—不要使用不常用事件处理比如：focusin focusout 在部分浏览器上会出现问题
比如 win7上的ie9