最近做项目，遇到的低版本的坑

Posted 2020-12-03 wulinzi

一 flex布局这些是有顺序的，左右顶齐，均分空隙：

display: flex;
display: -ms-flexbox;
display: -webkit-box;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-box-pack: justify;

 

二 只用到flex的时候，这样写：

display: flex;
display: -ms-flexbox;
display: -webkit-box;

 

三 固定定位的时候，要写top，4.4.4以下手机不行，不然到处动

position: fixed;
top:0;
z-index: 1001;

 

四 做排行的时候，切换小标签换接口，img不换，所以去掉了v-lazy就好了，做鸿雁注意

五 在做线条的时候，4.4.4以下手机，2px scale(0.5)会出不来

六 小框框放字，一般这么写

.span2{
display: inline-block;
//float: right;
background: #fff;
height: .426667rem;
line-height: 0.48rem;
padding: 0 .1rem;
font-size: .266667rem;
color: #8BAEB1;
letter-spacing: 0;
//margin-bottom: .053333rem;
position: relative;
}
.span2:after{
content: "";
position: absolute;
top: 0;
left: 0;
border: 2px solid #A3C1C4;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 200%;
height: 200%;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: left top;
transform-origin: left top;
border-radius: 10px;
}