博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
个人总结 css 浏览器兼容常见问题总结方法
阅读量:6531 次
发布时间:2019-06-24

本文共 832 字,大约阅读时间需要 2 分钟。

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

你可能感兴趣的文章