个人总结 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)

转载于:https://www.cnblogs.com/chenjzblog/p/4186196.html