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