个人总结 css 浏览器兼容常见问题总结方法

1.如何让整个界面不出现滚动条,铺满整个浏览器。
方法;在body中加overflow: hidden;有时候会出现底部有一段的空白,解决方法在form中加overflow: hidden;。

2.height:100%或者是width:100% 一加这个就会出现滚动条,除非控制。

3.IE显示下有时候字体会比其他浏览器显示的要小,解决方法:用IEhack区分不同浏览器

font-size:10px; 所有浏览器都可识别
font-size:10px\9;所有IE浏览器都可识别
font-size:10px !important;除IE6不能识别 !important外, FF+IE8+IE7都能识别!important(专属用于给火狐浏览器来控制显示)

4.只有IE浏览可以识别,其他浏览器不可以识别的方法:在属性后面加上\9

font-size:10px\9;

5.css中常用的特殊字符识别表

CSS中常用特殊字符识别表:
(1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的;
(2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ;
(3)_ : 除IE6支持_ 外, FF+IE8+IE7都不支持_;
(4)\9:所有IE浏览器都识别(IE6、IE7、IE8、IE9)

6.关于伪元素的使用
:first 和 ::first浏览器都可以兼容,但是IE8只识别:first用法,故一般选择前者使用方法。

7.overflow 要起作用的话,要对该元素设定高度,不然无法起作用。

9.IE 中不支持JQUERY中的trim(), 解决方法用$.trim(),所有的浏览器都支持
如 a.trim() 可变为 var s = $.trim(a)

posted @ 2014-12-26 10:34  outlook等待  阅读(134)  评论(0编辑  收藏  举报