关于IE浏览器的兼容性问题

这周老师教了咱们关于浏览器兼容性问题，如何让不一样的浏览器兼容也是咱们程序师要为客户解决的问题，
不管用户用什么浏览器来查看咱们的网站或者登录咱们的系统，都应该是统一的显示效果。

浏览器兼容问题一：不一样浏览器的标签默认的外补丁和内补丁不一样

问题症状：随便写几个标签，不加样式控制的状况下，各自的margin 和padding差别较大。

碰到频率:100%

解决方案：

备注：这个是最多见的也是最易解决的一个浏览器兼容性问题，几乎全部的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。

在最开始作网页中咱们也会用到设置布局的方式来适应不一样的屏幕大小的兼容，适应台式电脑、笔记本电脑、各类手机、平板。

咱们会用到以下的方式

有时候咱们网页作出来的效果会把一行挤到下一行去，没有那么的大身子却占用一大块空间，咱们经常使用div标签，而div标签就是一个典型的块属性标签它把一行占满，其余的就移动不上去，咱们就会用到 display:inline;将其转化为行内属性：

如今咱们还学了css hack 的原理，因为不一样的浏览器和浏览器各版本对CSS的支持及解析结果不同，以及CSS优先级对浏览器展示效果的影响，咱们能够据此针对不一样的浏览器情景来应用不一样的CSS。学习了这个以后，原来各版本不一样的浏览器显示不一样，让我找到了问题所在，让我稍稍了解了怎么去适应浏览器展示效果的问题

经过 IE 的条件注释 来完成条件注释：        

与html注释类似<!-- -->  if条件判断是否可以解析注释里的内容

gt : 选择条件版本以上的版本(不包含条件版本)       gt ie 7  

lt : 选择条件版本如下的版本(不包含条件版本)       lt ie 8

gte :选择条件版本以及以上版本       gte ie 7  

lte :  ! :选择条件版本意外的全部版本      ! ie6

 咱们经过实践获得

* 或 # ，IE七、IE11 支持。     \9 ，IE八、IE九、IE11 支持。     \0 ，IE八、IE9 IE10 支持。      *、#、\九、\0 这几个写法除了IE外其余浏览器均不支持。