首页 > web前端 > js教程 > 浏览器不兼容我写的代码怎么办

浏览器不兼容我写的代码怎么办

php中世界最好的语言
发布: 2018-03-07 14:54:25
原创
2271 人浏览过

这次给大家带来浏览器不兼容我写的代码怎么办,浏览器兼容性6大问题的总结,下面就是实战案例,一起来看一下。

1、问题一
问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。
解决方案:在CSS里 添加 *{margin:0;padding:0;}
2、问题二
问题症状:IE6、7和遨游里这个标签的高度不受控制,超出自己设置的高度
解决方案:给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。
3、问题三
问题症状:css里dispaly:inline_block不起效果;
解决方案:在dispaly:inline_block后面加入display:inline;
4、问题四
问题症状:多个img标签之间的间距去不掉,使用了 *{margin:0;padding:0;}也不起作用
解决方案:使用浮动(float);
5、问题五
问题症状:因为min-height本身就是一个不兼容的CSS属性,所以设置min-height时不能很好的被各个浏览器兼容
解决方案:如果我们要 设置一个标签的最小高度200px,需要进行的设置为:{min-height:200px; height:auto !important; 
height:200px; overflow:visible;}

6、问题六
问题症状: z-index失效
原因:z-index起作用有个小小前提,就是元素的position属性要 是relative,absolute或是fixed。
解决方案:
1.position:relative改为position:absolute;
2.去除浮动;
3.浮动元素添加position属性(如relative,absolute等)。
7、问题七
问题症状:元素水平居中问题
解决方案:FF: margin:0 auto;
IE: 父级{ text-align:center; }

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

JS常用的数组方法总结

2018最新前端面试题十二

2018最新前端面试题十

以上是浏览器不兼容我写的代码怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板