页面css样式兼容 css 兼容

怎样解决css在浏览器的兼容问题?

1、条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

创新互联公司成立与2013年，是专业互联网技术服务公司，拥有项目网站建设、成都网站设计网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元汝城做网站,已为上家服务,为汝城各地企业和个人服务,联系电话:028-86922220

2、浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

3、现在基本都只应付IE7，IE6和FF（火狐）的兼容问题，具体做法是在做页面的时候，就打开三个浏览器来调试，不要等做完再来调，那样会累死。

4、属性清零，页面在浏览器中看起来不一样的原因都是因为浏览器对默认属性的解释不一样。所以都清一下。{margin：0；padding：0} 有浮动后，记得清除浮动向右浮动下面的内容 li.浏览器对于li的输出效果也是很恶心。

5、调试越少~~~浏览器方面，安装IETester，IE8，FF最新版，opera最新版，这样就可以做好本地调试。到你的网站完全兼容这些浏览器的时候再做个远程测试，网址 http：//browsershots.org/ 远程测试必须在服务器上进行。

6、在现代浏览器中使用CSS3的transform样式即可轻松搞定，但是对于国内IE浏览器（特别是7，8）还占有较大份额的情况下，兼容性还是必须要考虑的，所以也特意记录下IE旋转滤镜的使用。

CSS hack的写法大致归纳为3种：条件hack、属性级hack、选择符级hack。

所以标签，最好不要定义高度height，但一定要定义行高line-height，其他数值，根据实际效果适当变化。这样，对不同浏览器的兼容性是最好的。

整理关于IEIEIEFirefox兼容性CSS HACK问题，另外CSS3的兼容性不是很好，但是在未来有前途。

条件注释。（只对IE浏览器有效）这也是北极冰仔部落格目前使用的方法。

浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。

一，由于不同的浏览器，比如Internet Explorer 6，Internet Explorer 7，Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。

在同一个CSS样式表中，使用！important 来定义不同的值以适应Firefox和IE。

在电脑上装一个ietester软件，如图然后也装一个opera浏览器，做一个就调试下。

现在基本都只应付IE7，IE6和FF（火狐）的兼容问题，具体做法是在做页面的时候，就打开三个浏览器来调试，不要等做完再来调，那样会累死。

ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。

分享题目：页面css样式兼容 css 兼容
分享地址：http://ybzwz.com/article/dgsecid.html