浏览器兼容解析
程序员文章站
2022-06-26 09:14:04
1html兼容
—新型的互联网产品通常对版本没什么特殊限制,可以采用最新的h5开发:比如语义化标签section,header,footer
—表单中简...
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