php网站浏览器不兼容,浏览器不兼容我写的代码怎么办

这次给大家带来浏览器不兼容我写的代码怎么办，浏览器兼容性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中文网其它相关文章！

相关阅读：