移除 CSS Blur 白邊框

移除 CSS Blur 白邊框

這是一張正常背景

這是一張加了 filter: blur(20px); 的背景圖,可以看到邊邊泛白,很醜

有一個作法是在上一層 DIV 另外加一層一模一樣的背景
BUT,這實在太麻煩

這時候只要在同一層加上
transform: scale(1.2);
把背景拉大就好囉!

效果

 

解決 Google 網頁字型思源黑體 Noto Sans TC 跑版問題

解決 Google 網頁字型思源黑體 Noto Sans TC 跑版問題

在手機解析度下,版面會呈現這樣

看了一下CSS,沒找到什麼可疑的兇手,把 Noto Sans TC 字體關掉之後就恢復了
但我就是要用 web font 啊

把原本的 font-family:'Noto Sans TC', Arial,sans-serif;
加入第一個內建指定字型
font-family: Arial,'Noto Sans TC', Arial,sans-serif;

這樣就搞定收工囉!