小程序-兼容性问题(必看)

                                        13条兼容问题处理方案

在做页面时遇到的一些关于兼容的问题处理方案:

1、background进行背景设置在IE浏览器下失效的原因是IE对空格非常的敏感,如果用background复写形式必须要注意!

2、img在IE下会有所差异,如需可设置outline:none;或者border:none进行调试

3、导航列表只需设定一个宽度,分别对li进行float:left和float:right;

4、如让二级下来菜单不影响一级的可使用绝对定位

5、在图片设置position属性时要注意relative和absolute的区别,一个在标准文档流中而另一个则脱离了标准文档流,在IE浏览器下要特别注意位置的变化!

6、在非a标签的hover属性在IE浏览器下调试可以使用组件hover.htc进行兼容

7、在IE浏览器下对PNG的兼容可以引进

8、在IE下可以使用组件ie-css3.htc进行兼容

9、在JS或JQ中如果要给背景图片设置位置必须要使用,完整的background-position: x y;单独设置的在火狐下无效

10、单独针对IE除了【if IE】设置可使用_color:red;

11、zoom:1;属性是IE浏览器的专有属性,Firefox等其它浏览器不支持。它可以设置或检索对象的缩放比例。除此之外,它还有其他一些小作用,比如触发ie的hasLayout属性,清除浮动、清除margin的重叠等。

12、清除浮动,最优方案为直接使用.clearfix::after { clear:both;display:block;content:' ' ;}

13、JQ下设置滚屏距离时,需在body后添加一个html否则IE和火狐不吃;如:$('body,html').animate({"scrollTop":wH},1000);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,790评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,868评论 18 139
  • Ø JavaScript 3 1. HTML对象获取问题 32. const问题 33. event.x与even...
    横冲直撞666阅读 3,210评论 0 7
  • 那女孩 初冬季节,凛冽的寒风吹得院里的树在吱吱作响,就连爱玩耍的白猫也早早躲回自己的小屋里...
    梁方丈阅读 558评论 0 0
  • 听到身边很多朋友们说学历不高。每次听到这话给我感觉似乎学历不高就注定没有好的发展,好的前程。事实证明,学历的高低和...
    ICE蝈蝈阅读 919评论 4 3