服务购

　　目前常见的一些浏览器：ie、360、qq、yy、uc、sogou、但是用IE的现在几乎都找不到了，但是它又依然的存在。ie6/7内核浏览器极差，这次我们的兼容性工作大半都是围绕这两个浏览器内核展开。我们的常规处理方式是调试各浏览器网页显示效果、使用成熟的前端开发框架、运用css与hack技巧等。

　　一、常见hack技巧

　　1、html

　　ie内核浏览器识别：

　　ie6内核浏览器识别：

　　非ie内核浏览器识别：

　　2、css

　　_：ie6内核浏览器识别：color:#333;_color:#999;这个最常用的数量虽然不多，但是够用而且很管用；但是我们的遵循原则是能不用就不用。

　　二、常见浏览器兼容性问题及解决方案

　　1、height低像素值无效

　　浏览器环境：ie6---height:5px;

　　height高度实际表现为大于5像素，问题产生是因为ie6下容器默认行高的影响；为高度过低元素添加溢出部分隐藏属性即height:5px;overflow:hidden;

　　margin值双倍边距

　　浏览器环境：ie6

　　margin:0 10px;float:left;

　　margin左右边距实际表现为20像素，问题一般发生于浮动元素，原因是ie6下浮动元素margin值默认变成双倍；为浮动元素添加行间元素属性即可，优化了同行元素的排版表现margin:0 10px;display:inline;float:left;

　　或为浮动元素添加ie6专有属性

　　margin:0 10px;_margin:0 5px;float:left;

　　max-width、min-width、max-height、min-height等属性无效浏览器环境：ie6

　　max-width:1280px;

　　min-width:980px;

　　max-height:800px;

　　min-height:600px;

　　最大最小宽高属性在网页需要它出现时并没有给面子，问题原因是ie6不支持；解决办法是使用expression来实时获取元素当前适合宽高max-width:1280px;_width:expression(documentElement.

clientWidth > 1280 ? "1280px" : "auto");min-width:980px;_width:expression(documentElement.clientWidth < 980 ? "980px" : "auto");

min-height:800px;_height:expression((documentElement.clientHeight || document.body.clientHeight) > 800 ? "800px" : "");

min-height:600px;_height:expression((documentElement.clientHeight || document.body.clientHeight) < 600 ? "600px" : "");

       网页实际情况各不相同，各位在根据需求处理具体页面时请自己认真测试总之ie6浏览器有它自己存在的意义，虽然它没有像其他浏览器看起来那么高大上，但是还是可用的。解决了这些ie6浏览器兼容性前端开发问题，再也不怕啦。