登陆热线邮箱 设为首页

兼容性问题及解决方法都有啥?兼容性只在硬件之中吗?

2023-04-17 08:25:20来源:创视网栏目:手机

兼容性问题及解决方法

1.不同浏览器标签默认的外边距和内边距不同(这是最常见也是最容易解决的)。

问题状况:随便写几个标签,在不加样式控制的情况下,不同浏览器的margin和padding的差异较大。

解决方法:在css里使用:*{margin:0px; padding:0px}。

2.块属性标签float后,又有横行的margin情况下,在IE6显示margin比设置的大。

问题状况:后面的块属性标签被顶到下一行。

解决方法:在float的标签样式中加入:display:inline;将其转化为行内属性。

3.设置较小高度标签(一般小于10px),在IE6、IE7,遨游中高度超出自己设置的高度。

问题状况:IE6、7和遨游里这个表情的高度不熟控制,超出自己设置的高度。

解决方法:给超出高度的标签设置overflow:hidden;或者设置行高line-height小于你设置的高度。

4.行内属性标签,设置display:block后采用float布局,又有横行的margin的情况,IE6间距bug。

问题状况:IE6里间距比超过设置的间距。

解决方法:在display:block;后面加入display:inline;display:table;

5.图片默认有间距。

问题状况:几个img标签放在一起的时候,有些浏览器会有默认的间距,加了问题一中提到的通配符也不起作用。

解决方法:使用float为img布局。

6.标签最低高度设置min-height步兼容。

问题状况:因为min-height本身就是一个不兼容的css属性,所以设置min-height时不能很好的被给浏览器兼容。

解决方法:如果我们要设置一个标签的最小高度为200px,需要进行的设置为:{min-height:200px; height:auto; !important; height:200px; overflow:visible;}。

7.透明度的兼容css设置。

做兼容页面的方法是:每写一小段代码(布局中的一行或者一块)我们都要在不同的浏览器中看是否兼容,当然熟练到一定的程度就没这么麻烦了。建议经常会碰到兼容性问题的新手使用。很多兼容性问题都是因为浏览器对标签的默认属性解析不同造成的,只要我们稍加设置都能轻松地解决这些兼容问题。如果我们熟悉标签的默认属性的话,就能很好的理解为什么会出现兼容问题以及怎么去解决这些兼容问题。

兼容性只在硬件之中吗?

兼容性(compatibility)是指硬件之间、软件之间或是软硬件组合系统之间的相互协调工作的程度。兼容的概念比较广,相对于硬件来说,几种不同的电脑部件,如CPU、主板、显示卡等,如果在工作时能够相互配合、稳定地工作,就说它们之间的兼容性比较好,反之就是兼容性不好。

标签: 常见的浏览器 兼容性问题 及解决方法 兼容与硬件 的问题是

资讯阅读

NEWS

精彩推送

marvellous