最近下載 Google Chrome 時(shí)，發(fā)現(xiàn)了一個(gè)小 bug。

卡片右下角有一個(gè)月牙型的缺口（果然沒什么能逃過我的24K像素級(jí)鈦合金狗眼 ） 為什么會(huì)出現(xiàn)這個(gè)現(xiàn)象呢？ 從 inspector 中看（開啟瀏覽器開發(fā)者模式后，在網(wǎng)頁(yè)中右鍵，選擇“檢查元素”），父級(jí)盒子和子級(jí)盒子的圓角尺寸都是 4px。

當(dāng)我嘗試在 Figma 中還原這個(gè)設(shè)計(jì)時(shí)，無論父級(jí)元素的描邊是 inside 還是 outside， 都沒有還原出月牙型缺口。

后來我發(fā)現(xiàn)，這是由于 Figma 渲染…。