css方面的知识

一、css hack
   通常用的到css hack技术，理解到css的重置技术的不同,一般用normalize.css。
二、css的兼容性
    a、在解决IE6双倍margin的兼容性问题用display：inline。
    b、在解决IE6中高度最小不能低于10px的兼容性问题用overfloat：hidden或者line-height属性小于10px。
    c、子元素margin—top绑架父元素的时候，直接设置父元素的上边框或者overfloat：hidden。
    d、img元素的间距时直接把img元素浮动或者用注释标签解决。
    e、在解决IE6的min-width/min-height时用height：auto ！
       important/overfloat:visible或者用JS控制。
    f、在解决IE的透明度时用： filter:progid:DXImageTransform.Microsoft.Alpha
       (style=0,opacity=60)。
    g、可以条件注释（<!--[if IE 6]>内容<![endif]-->）
三、js查看浏览器的版本
    alter（navigator.userAgent）
四、手机端布局的方法
    a、百分百（但是不能做到精确、有误差。）
    b、相应式布局（通过css媒体查询实现一个HTML在不同的分辨率上显示出不同的效果的css。）
    c、rem（相对于根元素的字体设置css。）
五、了解<meta name="viewport" content="width=device-width, initial-scale=1">
    a、name="viewport" 设置浏览器的自动适应。
    b、width=device-width 设置浏览器的可视化窗口和屏幕一样大小。
    c、initial-scale=1 设置缩放，表示不缩放显示。
六、移动端像素和PC像素的区别
    a、独立像素：是指PC端的。
    b、物理像素：是指移动端像素。
    c、ppI：每一英寸容纳的像素点。
    d、DPR：物理像素/独立像素。
    根据手机的型号不同，那么物理像素和独立像素的DPR也就不同。
七、bootstrap响应式屏幕所分阶段
    a、大屏：大于1200px。
    b、中屏：997px 到 960px 之间。
    c、小屏：798px 到 768px 之间。
    d、超小屏 小于768px。