一赏寇、圖片設(shè)置圓角會先閃一下才變成圓角
當(dāng)我們通過某些行為觸發(fā)頁面進行大面積繪制的時候吉嫩,瀏覽器由于沒有事先準(zhǔn)備,應(yīng)付渲染夠嗆嗅定,于是掉幀自娩,于是卡頓。而 will-change 則是真正的行為觸發(fā)之前告訴瀏覽器:“我待會兒就要變形了”渠退。于是乎忙迁,瀏覽器把 GPU 給拉上了,從容應(yīng)對即將到來的變形碎乃。
image {
will-change: transform
}
二姊扔、去除button、input默認(rèn)樣式
不管有沒有 class 都可以這么寫
button::after {
border:none;
}
input {
outline:none;
border:none;
list-style: none;
}
三梅誓、圖文混排恰梢,圖片與文字居中對齊
image {
vertical-align: text-bottom;
}