调了一天的兼容总结下

1、display:flex的兼容;

 

 

2、input类型type=text时 IE会出现右侧一个大叉号,清除 input[type=text]::-ms-clear{display:none};

3、calc()的兼容:safari在5.1以下无法使用,必须用position:fixed+js模拟;或者position:absolute+js模拟;

4、一个必须固定位置的div,如何 定在一个位置,不管浏览器如何变大变小位置都不变。一般我们做法是position:fixed。上下可以控制,左右可以通过salc()计算得到。但是safari5.1以下不支持,所以其他通用方法可以试试以下方法

:改为position:releative;这样左右就可以根据父元素定位不受影响了;上下要用过js 让这个div距离顶部的距离-scrolltop给 top值。

写不完了 明天写上面2的。

5、letter-space 字之间的距离;word-space 词之间的距离;

6、让一个元素position:absolute;相对于父元素在一个位置;父元素pos

ition:releative;并且margin:0 auto;这样这个元素就一直在这个位置,无论屏幕变大变小;

posted @ 2016-11-02 16:52  盖大楼  阅读(203)  评论(0编辑  收藏  举报