IE和FF chrome css等不兼容问题小结（2）

最新推荐文章于 2021-08-03 19:14:26 发布

零度先生

最新推荐文章于 2021-08-03 19:14:26 发布

阅读量729

点赞数

分类专栏：耗精力的不是代码而是兼容

本文链接：https://blog.csdn.net/vgqulk27/article/details/11699913

版权

耗精力的不是代码同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

而是兼容

3 篇文章 0 订阅

订阅专栏

1 ff不支持<body scroll="no" > scroll属性，必须定义overflow:hidden;而且要在html标签下，不能在body下
html{
overflow:hidden;
}

2 IE浏览器和 FF、Chrome 区别：
如果ie浏览器的表格没有内容，不会显示表格
FF就显示；
解决之道：在IE浏览器的表格中随便写点东西，  1

3 兼容设置div 居中 margin-left:auto; margin-right:auto; 对FF chrome 起效 IE无效
解决之道（仅限1366*768分辨率）（1366-width）/2 作为margin的对等让后加上overflow:hidden;

Div居中问题 div设置 margin-left, margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin: center;这个的意思就是在父级元素内的内容居中。

4 你输入隔离跳的时候5px FF chrome 就按5px执行 IE按默认最小18px执行
所以要加overflow:hidden;

5 为什么FF下文本无法撑开容器的高度标准浏览器中固定高度值的容器是不会象IE6里那样被撑开的,那我又想固定高度,又想能被撑开需要怎样设置呢？办法就是去掉height设置min- height:200px; 这里为了照顾不认识min-height的IE6 可以这样定义: { height:auto!important; height:200px; min-height:200px; }

小知识：什么是CSS hack？
　　由于不同的浏览器，比如IE6、IE7、IE8、Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。
　　这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。
　　这个针对不同的浏览器写不同的CSS code的过程，就叫CSS hack，也叫写CSS hack。