经常遇到的阅读器的兼容性有哪些 (经常遇到的阅读障碍)
本文目录导航:
经常遇到的阅读器的兼容性有哪些
1、PNG24位的图片在ie6阅读器上发生背景。
2、阅读器自动的margin和padding不同。
3、i块属性标签float后,又有横行的margin状况下,在IE6显示的margin比设置的大。
4、IE下,可以经常使用失掉惯例属性的方法来失掉自定义属性,也可以经常使用getAttribute失掉自定义的属性;在FireFox下,只能经常使用getAttribute失掉自定义属性。
5、IE下,even对象有x、y属性,然而没有pageX、pageY属性;在Firefox下,even对象有pageX,pageY属性,然而没有x、y属性。
6、Chrome中文界面下自动会将小于12px的文本强迫依照12px显示。
经常出现的处置阅读器兼容性疑问的模式有哪些
方法/步骤:阅读器兼容疑问一:不同阅读器的标签自动的外补丁和内补丁不同疑问症状:随意写几个标签,不加样式管理的状况下,各自的margin 和padding差异较大。
碰到频率:100%处置打算:CSS里*{margin:0;padding:0;}备注:这个是最经常出现的也是最易处置的一个阅读器兼容性疑问,简直一切的CSS文件扫尾都会用通配符*来设置各个标签的内外补丁是0。
阅读器兼容疑问二:块属性标签float后,又有横行的margin状况下,在IE6显示margin比设置的大疑问症状:随意写几个标签,不加样式管理的状况下,各自的margin 和padding差异较大。
碰到频率:100%处置打算:CSS里*{margin:0;padding:0;}备注:这个是最经常出现的也是最易处置的一个阅读器兼容性疑问,简直一切的CSS文件扫尾都会用通配符*来设置各个标签的内外补丁是0。
阅读器兼容疑问三:设置较小高度标签(普通小于10px),在IE6,IE7,漫游中高度超出自己设置高度疑问症状:IE6、7和漫游里这个标签的高度不受管理,超出自己设置的高度碰到频率:60%处置打算:给超出高度的标签设置overflow:hidden;或许设置行高line-height 小于你设置的高度。
备注:这种状况普通出如今咱们设置小圆角背景的标签里。
发生这个疑问的要素是IE8之前的阅读器都会给标签一个最小自动的行高的高度。
即使你的标签是空的,这个标签的高度还是会到达自动的行高。
阅读器兼容疑问四:行内属性标签,设置display:block后驳回float规划,又有横行的margin的状况,IE6间距bug疑问症状:IE6里的间距比超越设置的间距碰到几率:20%处置打算:在display:block;前面参与display:inline;display:table;备注:行内属性标签,为了设置宽高,咱们须要设置display:block;(除了input标签比拟不凡)。
在用float规划并有横向的margin后,在IE6下,他就具备了块属性float后的横向margin的bug。
不过由于它自身就是行内属性标签,所以咱们再加上display:inline的话,它的高宽就无法设了。
这时刻咱们还须要在display:inline前面参与display:talbe。
阅读器兼容疑问五:图片自动有间距疑问症状:几个img标签放在一同的时刻,有些阅读器会有自动的间距,加了疑问一中提到的通配符也不起作用。
碰到几率:20%处置打算:经常使用float属性为img规划备注:由于img标签是行内属性标签,所以只需不超出容器宽度,img标签都会排在一行里,然而局部阅读器的img标签之间会有个间距。
去掉这个间距经常使用float是正道。
(我的一个在校生经常使用负margin,只管能处置,但负margin自身就是容易惹起阅读器兼容疑问的用法,所以我制止他们经常使用)阅读器兼容疑问六:标签最低高度设置min-height不兼容疑问症状:由于min-height自身就是一个不兼容的CSS属性,所以设置min-height时不能很好的被各个阅读器兼容碰到几率:5%处置打算:假设咱们要设置一个标签的最小高度200px,须要启动的设置为:{min-height:200px; height:auto !important; height:200px; overflow:visible;}备注:在B/S系统前端开时,有很多状况下咱们又这种需求。
当内容小于一个值(如300px)时。
容器的高度为300px;当内容高度大于这个值时,容器高度被撑高,而不是发生滚动条。
这时刻咱们就会面临这个兼容性疑问。
阅读器兼容疑问七:透明度的兼容CSS设置做兼容页面的方法是:每写一小段代码(规划中的一行或许一块)咱们都要在不同的阅读器中看能否兼容,当然熟练到肯定的水平就没这么费事了。
倡导经常会碰到兼容性疑问的新手经常使用。
很多兼容性疑问都是由于阅读器对标签的自动属性解析不同形成的,只需咱们稍加设置都能轻松地处置这些兼容疑问。
假设咱们相熟标签的自动属性的话,就能很好的了解为什么会发生兼容疑问以及怎样去处置这些兼容疑问。
/* CSS hack*/ 我很少经常使用hacker的,或许是团体习气吧,我不青睐写的代码IE不兼容,而后用hack来处置。
不过hacker还是十分好用的。
经常使用hacker我可以把阅读器分为3类:IE6 ;IE7和漫游;其余(IE8 chrome ff safari opera等)◆IE6意识的hacker 是下划线_ 和星号 *◆IE7 漫游意识的hacker是星号 *比如这样一个CSS设置:height:300px;*height:200px;_height:100px; IE6阅读器在读到height:300px的时刻会以为高时300px;继续往下读,他也意识*heihgt, 所以当IE6读到*height:200px的时刻会笼罩掉前一条的相抵触设置,以为高度是200px。
继续往下读,IE6还意识_height,所以他又会笼罩掉200px高的设置,把高度设置为100px;IE7和漫游也是一样的从高度300px的设置往下读。
当它们读到*height200px的时刻就停下了,由于它们不意识_height。
所以它们会把高度解析为200px,剩下的阅读器只意识第一个height:300px;所以他们会把高度解析为300px。
由于优先级相反且想抵触的属性设置后一个会笼罩掉前一个,所以书写的秩序是很关键的。
Web前端中经常出现的阅读器兼容疑问有哪些
经常使用Trident内核的阅读器:IE、Maxthon、TT; 经常使用Gecko内核的阅读器:Netcape6及以上版本、FireFox; 经常使用Presto内核的阅读器:Opera7及以上版本; 经常使用Webkit内核的阅读器:Safari、Chrome。
而我如今所说的兼容性疑问,关键是说IE与几个干流阅读器如firefox,google等。
而对IE阅读器来说,IE7又是个跨度,由于之前的版本降级甚慢,bug甚多。
从IE8开局,IE阅读器慢慢遵照规范,到IE9后由于大家都分歧以为规范很关键,可以说在兼容性上比拟好了,然而在中国来说,由于xp的占有率疑问,经常使用IE7以下的用户依然很多,所以咱们不得不思考低版本阅读器的兼容。
对阅读器兼容疑问,普通分,HTML,Javascript兼容,CSS兼容。
其中html相关疑问比拟容易处置,无非是高版本阅读器用了低版本阅读器无法识别的元素,造成其不能解析,所以往常留意一点就是。
特意是HTML5参与了许多新标签,低版本阅读器有点影响时代提高啊
疑问一:不同阅读器的标签自动的外补丁和内补丁不同
文章评论