总结的一些浏览器的兼容性的问题
2016-05-27 11:32
253 查看
1.ff中,如果设置了padding,这个div的宽度width和height就会增加相应的padding值,但是ie不会。所以可以用!important来多设一个宽高给ff看。这个width一定是减去padding的那个值。(ff)width+padding=(ie)width 形如:width:200px !important;
2.ie6的双边距问题,如果为一个div设置了float。又给他设置了margin。那么实际上这个margin会变成原来的两倍。解决方案就是给这个div设置display:inline
3.不同浏览器padding和margin的默认值可能不一样,所以在写样式表时在最开始要写padding:0;margin:0;这样就能统一啦。
4.min-height最低高度不兼容。如果我们希望高度最低不能低于多少时,这时就需要设个啦,但是在ie下是不识别的,所以如果我们要设置一个标签的最小高度200px,需要进行的设置为:{min-height:200px; height:auto !important; height:200px; overflow:visible;}
5.height:300px;*height:200px;_height:100px;那么多高度到底该去哪个呢?这里就涉及到了css hack的问题了。ie6能识别*和_。ie7能识_,不识别*。而ff这两个都不认识。所以这个在ie6的结果是100,ie7是100.ff时候300.而其他的一些浏览器读出来的就是300。(注意这里的顺序)
6..IE6下为什么图片下有空隙产生
[b]解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img
为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.[/b]
7.为什么无法定义1px左右高度的容器
IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden
| zoom:0.08 | line-height:1px。
[b]8.为什么web标准中IE无法设置滚动条颜色了。把body改成html[/b]
[b] html
{ scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }[/b]
13.div设置margin:0
auto时是居中的,但是在ie中还是不行的,这时需要在这个div的父类元素上设置text-align:center
[b][b]9.ff下文本内容无法撑开容器的高度[/b][/b]
[b][b]如果你想固定高度又想它可以撑开的,那就需要用到min-height。div{[b][b][b]height:auto
!important;[/b][/b][b][b]height:200px;[/b][/b]min-height:200px;}在这里!important是ff可以识别的。[/b][/b][/b]
[b]
[/b]
2.ie6的双边距问题,如果为一个div设置了float。又给他设置了margin。那么实际上这个margin会变成原来的两倍。解决方案就是给这个div设置display:inline
3.不同浏览器padding和margin的默认值可能不一样,所以在写样式表时在最开始要写padding:0;margin:0;这样就能统一啦。
4.min-height最低高度不兼容。如果我们希望高度最低不能低于多少时,这时就需要设个啦,但是在ie下是不识别的,所以如果我们要设置一个标签的最小高度200px,需要进行的设置为:{min-height:200px; height:auto !important; height:200px; overflow:visible;}
5.height:300px;*height:200px;_height:100px;那么多高度到底该去哪个呢?这里就涉及到了css hack的问题了。ie6能识别*和_。ie7能识_,不识别*。而ff这两个都不认识。所以这个在ie6的结果是100,ie7是100.ff时候300.而其他的一些浏览器读出来的就是300。(注意这里的顺序)
6..IE6下为什么图片下有空隙产生
[b]解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img
为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.[/b]
7.为什么无法定义1px左右高度的容器
IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden
| zoom:0.08 | line-height:1px。
[b]8.为什么web标准中IE无法设置滚动条颜色了。把body改成html[/b]
[b] html
{ scrollbar-face-color:#f6f6f6; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#eeeeee; scrollbar-3dlight-color:#eeeeee; scrollbar-arrow-color:#000; scrollbar-track-color:#fff; scrollbar-darkshadow-color:#fff; }[/b]
13.div设置margin:0
auto时是居中的,但是在ie中还是不行的,这时需要在这个div的父类元素上设置text-align:center
[b][b]9.ff下文本内容无法撑开容器的高度[/b][/b]
[b][b]如果你想固定高度又想它可以撑开的,那就需要用到min-height。div{[b][b][b]height:auto
!important;[/b][/b][b][b]height:200px;[/b][/b]min-height:200px;}在这里!important是ff可以识别的。[/b][/b][/b]
[b]
[/b]
相关文章推荐
- 安卓初识基本控件_SeekBar
- webrtc源码下载
- 遍历数组修改数据导致的错误
- ehcache 分布式集群同步数据实例
- eclipse hana xs 开发环境搭建
- redis主从模式
- 0基础产品经理之我见(笔记)
- HDOJ 1789 Doing Homework again
- 论Json解析途径及XML的对比
- c/s架构nginx+php-fpm通信原理
- 移位运算符
- FPGA verilog做基于模板的图像处理的方法
- Linux中fork()函数
- 门禁控制器编程方法
- Activity工作流学习要点
- CDH管理界面查看各框架的版本(hive为例)
- 项目中用到listview总结(一)
- 简单易用的数组排序(升序、降序)
- JAVA堆内存设置管理
- Java用freemarker导出word