Unicode字體圖標(biāo)是HTML埃难，在vue里使用時渲染必須用v-html
圖片自適應(yīng)
image.png
移動端一個像素問題:
image.png
吸頂效果
position:sticky
top:0
移動端事件
移動端的onclick點(diǎn)擊事件有300ms的延遲，移動端有ontouchstart事件樱哼，會比onclick先執(zhí)行，如果在ontouchstart事件后觸發(fā)了ontouchmove事件剿配，那么onclick不會執(zhí)行
- padding-top是按照父級寬度來計(jì)算的
- rem根據(jù)根元素計(jì)算搅幅，與px轉(zhuǎn)換比例基于根元素
- em 根據(jù)父元素計(jì)算，與px轉(zhuǎn)換比例基于父元素
輪播圖布局寫法：
.swiper-container {
width: 100%;
height: 0;
padding-top: percentage( 400 / 1080 );
.swiper-wrapper {
position: absolute;
left: 0;
top: 0
}
img {
max-width: 100%;
}
}
flex
![]()
3000018316-5d3ac28ee4c0e.jpg
3000018316-5d3ac28ee4c0e.jpg
