最近面试有被问到：画一个高度为1px的div，兼容IE所有版本浏览器。
以前从来没有注意到这个问题，以前做IE7,8兼容的时候因为IE正常了，IE8完全显示乱套，所以直接来了个简便的通用的方法：<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />，现在才意识到这种方法治标不治本，要做好每个版本的兼容需用心钻研每个版本的默认设置和私有属性。
例如以上的问题，IE默认div的高度为15px，如设置小于15px的高度将不会有效果，以IE6为例，解决的办法如下：
1. 加一个"font-size: 0;"的属性设置
2. 加一个"line-height: 1px;"的属性设置
3. 加一个"overflow: hidden;"的属性设置
font-size 做(ie6)css hack，不然IE8将不显示，如：*font-size: 0;
相关推荐
安卓提供了 vw-no-android-hd 版, 由于安卓手机存在各种兼容问题, 放弃安卓的高清也是一种选择. 总比老是出线上故障好
【内容】： 1. 利用background-image 渐变样式 2.可以利用scale缩放 3.给伪元素设置边框 ... border: 1px solid #ff0000; } /*1.可以利用利用渐变样式=>实现.5px*/ .a1{ height: 1px; margin-top: 20
21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下...
第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都是浏览器的bug，并且他们制作的页面后期易维护，...
浏览器兼容代码，各种浏览器兼容问题，如果各个浏览器的高度都不相同，代码如下： .warp{ Height:100px; /*IE6、IE7、IE8、FF识别*/ Height:110px\9; /*IE8识别*/
1.div的垂直居中问题 verticalalign:middle; 将行距增加到和整个DIV一样高 lineheight:200px; 然后 5.页面的最
padding: 7px !important;（针对FF/IE7） padding: 6px;（针对IE6） IE6 IE7正常 FF不正常 这种情况我们要这么处理，因为!important IE7也是能识别的！ padding: 7px;（针对FF） *padding: 6px;（针对IE6/IE7...
但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候，我们不能像以前老的脚手架那样操作了。那我们应该来如何设置呢？ 首先，我们应该用NPM来安装postcss-px2rem npm i postcss-plugin...
但是也随之而来是某些兼容问题。比如我们要在项目钟使用px2rem来计算设计稿的时候，我们不能像以前老的脚手架那样操作了。那我们应该来如何设置呢？ 首先，我们应该用NPM来安装postcss-px2rem npm i postcss-plugin-...
padding:1px; } #er{ background:#FF0000; width:30px; height:30px; float:left; } #er2{ background:#00FF00; width:30px; height:30px; float:left; } #san{ background:#00FFFF; width:230px; height:90px; ...
目前主流浏览器的兼容性做的都比较好了，本文主要针对IE6，7的不兼容问题进行解决。 1.有浮动存在时，计算一定要精确，不要让内容的宽高超出我们所设置的宽高，IE6下，内容会撑开设置好的高度。 解决方法：给对应的...
div做的界面时，又出现CSS hack（CSS兼容浏览器问题）在IE内核浏览器或者firefox浏览器中都能居中，没有居中的可以用其特殊标签来设定居中，如下划线 _ IE6优先识别，!important 仅火狐firefox浏览器识别。可是在...
兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !...
说到解决兼容性问题，不得不提一下css hack，曾几何时我以会使用几个hack沾沾自喜，后来发现自己真是个vip级别的蠢蛋,浏接下来介绍览器对于含小数值px（像素）解析的差异
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行。 2. margin加倍的问题 设置为float的div在ie下设置的...
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会...
这里大家要知道CSS不兼容的原因是因为各浏览器给CSS默认属性值不一样造成的。 第一招：给常用CSS规定属性值。 body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,form,input,p,th,td{margin:0;padding:0;} img{border:0px;} ...