常见的浏览器兼容性问题和解决方法

1.不同浏览器的标签，默认的margin和padding不同。
解决方案：css开头加一行*{margin:0;padding:0}或者设置每个标签的{margin：0;padding:0}
2.在块属性标签float后，有横向的margin的情况下，在IE6下显示的margin比设置的大，
解决方案：在float的标签样式控制中加入display:inline;将其转化为行内属性。
3.设置较小高度标签（一般小于10px），在IE6，IE7，高度超出设置的高度。
原因：在IE8之前的浏览器都会给标签设置一个最小的默认的行高的高度，即使你的标签是空的，这个标签的高度还是会达到默认的行高。
解决方案：给超出高度的标签设置overflow:hidden;或者设置行高line-height小于你设置的高度
4.行内属性标签，设置display：block后采用float布局，又有横向的margin的情况，IE6间距出现bug
解决方案：在display：block；后面加入display：inline；display：table；。
5.图片默认有间距。几个img标签放在一起，有些浏览器会有默认的间距，即使加了margin:0;padding:0;也不起作用。
解决方案：使用float属性为img布局
6.标签最低高度设置min-height不兼容。
解决方案：如果要设置一个标签的最小高度200px，需要进行的设置为：
{min-height：200px；height：auto ！important；height：200px；overflow：visible；}
7.各种特殊样式的兼容，比如透明、圆角、阴影等，就需要根据浏览器在属性前面加前缀。

常见的浏览器兼容性问题和解决方法相关推荐

五，浏览器兼容性问题及解决方法
一,IE6中存在的兼容性问题 1.IE6 中不支持子元素选择器(语法:父元素>子元素),只能通过JS来解决 2.IE6中不支持对超链接以外的元素设置hover和active伪类 :link 表示 ...
常见浏览器兼容性问题与解决方式
所谓的浏览器兼容性问题,是指由于不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,不管用户用什么浏览器来查看我们的站点或者登陆我们的系统,都应该是统一的 ...
遇到一个php的错误,php初学者常见的几个错误及解决方法
本文为大家分享了php初学者常见的几个错误及解决方法,希望能够帮助到那些刚刚学习php的小伙伴们. 错误一:Parse error: syntax error, unexpected - 这种错误是P ...
常见的PS安装错误代码与解决方法
要亲手用PS表达自己的设计创意,当然得安装上软件:但是软件安装过程中,难免会遇到一些错误提示,让安装无法进行.今天为大家分享一些常见的PS安装错误代码与解决方法,希望有帮助. 错误代码1 原因:之前的 ...
常见的浏览器兼容性测试工具
常见的浏览器兼容性测试工具有以下几种 IETester 这是我最先用的测试浏览器兼容性的工具,想必也是大家用的最多的一个,IETester是一个免费的Web浏览器调试工具,可以模拟出不同的js引擎来帮 ...
常见的浏览器兼容性问题总结（有自己遇到的还有网上大神总结的）
常见的浏览器兼容性问题总结 1. 不同浏览器的标签默认外补丁margin和内补丁padding不同发生概率:100% 解决方案:使用CSS通配符*,设置内外补丁为0 *{ margin: 0; pa ...
JS中常遇到的浏览器兼容问题和解决方法
JS中常遇到的浏览器兼容问题和解决方法参考文章: (1)JS中常遇到的浏览器兼容问题和解决方法 (2)https://www.cnblogs.com/wws-bk/p/9770834.html 备忘 ...
常见的表死锁情况及解决方法
常见的表死锁情况及解决方法参考文章: (1)常见的表死锁情况及解决方法 (2)https://www.cnblogs.com/jeffry/p/6014881.html (3)https://www ...
常见的内存泄漏原因及解决方法
常见的内存泄漏原因及解决方法参考文章: (1)常见的内存泄漏原因及解决方法 (2)https://www.cnblogs.com/leeego-123/p/12187677.html 备忘一下.

常见的浏览器兼容性问题和解决方法

常见的浏览器兼容性问题和解决方法相关推荐

最新文章

热门文章