一 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;
}