display: -moz-box; /* Firefox */ display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Safari */ display: -webkit-flex ...
安卓和iOS浏览器都是webkit内核,包括变态UC浏览器,对flex支持并不好,但却都支持古老的display:webkit box 所以在这种情况下,要使用box布局。所以移动端的一定要加浏览器前缀 .flex display:box display: webkit box display: moz box display: ms flexbox display: webkit flex di ...
2020-09-27 15:17 2 399 推荐指数:
display: -moz-box; /* Firefox */ display: -ms-flexbox; /* IE10 */ display: -webkit-box; /* Safari */ display: -webkit-flex ...
一般放在common.css中: ...
https://blog.csdn.net/cddcj/article/details/52131089 display:box; display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox ...
flex很早就出来了,但是由于兼容性很差,一直不火。 目前个人只在手机端中小心翼翼的使用flex,整理个模板出来,横轴的! 模板css: .children{ height: 20px; border: 1px solid red; margin: 2px; } .parent ...
很久之前用过flex,但是没有考虑过兼容性问题,为了兼容ios一定要加上-webkit前缀: ul{ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ display: -webkit-flex ...
...
随着自己写过的页面的增多,也遇到了很多CSS兼容性的问题。这些兼容性问题,都是必然的,因为技术在不断进步,不断革新,所谓,“后浪推前浪,前浪拍死在沙滩上”,当然我们的技术不能是被拍死在沙滩上,我们还要支持,不支持的话,只能是你这个页面,这个产品被淘汰。 那么为了不被淘汰,我们就要做些兼容性处理 ...