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

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

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

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