事情是這樣的，在案發當天晚上十點左右，UI突然敲我說為什麼input所有placeholder字體都變粗了，我到底改了什麼，叫我退版。
問題是我根本什麼也沒改，被UI被PM被測試追殺已經很煩了誰還有空亂加東西，我矢口否認，但UI開始瘋狂跳針叫我退版，我一氣之下回他：「小姐你知道我今天上了多少版嗎？你要我退版好歹也要讓我知道哪一版啊！」
然後我就被吉了！
但這不是今天重點，總之後來我使用下面這語法暫時瞞過主管趕上線
input::placeholder {
@apply font-light;
}
硬把字體調細了。然後我仔細去看UI給我的對比，確實這頁的placeholder比較粗....這就神奇了。但礙於當時已經很晚了，趕快做完保命要緊！
然後就過了兩週，今天心血來潮想要一探究竟，最終發現最外的.page裡面有個語法
-webkit-font-smoothing: antialiased;
把這語法點掉就變粗了，但因為這在很外層所以當天沒找到，礙於時間壓力也沒心思慢慢看。
但為什麼這頁會出事呢？根據css說法這語法是用來消除鋸齒，讓文字更平滑，看起來也會更細，
那為什麼這頁會突然變粗呢，原因是因為頁面中底部的popup我是使用React.createPortal去創建在body下面的，所以他根本沒吃到.page的css
所以UI口中的突然壞掉要我退版，就是我手刻了這個popup導致的，但～鬼會知道啊～
唉～總之～又是個美好的一天～
沒有留言:
張貼留言