讓手機版 Logo 支援 Retina,在手機上看就不會模糊不清
最近因為手機版改版製作的關係,也多注意了不少地方,像前陣子加入的 <a href="https://steachs.com/archives/10457" target="_blank">YouTube 自適應</a>, 再來就是很多人不太注意的 Logo,如果你有仔細看的話,會發現在手機版上的 Logo 很多網站看起來都是有一點糊糊的,那是因為圖片本身在高解析度的螢幕下觀看會有差異,因此阿湯上網搜尋了一下方式,要讓圖片支援 Retina 可以改用 SVG 檔案,不過這不是一個最佳方式,另外就是可以透過 javascript + css 來達成,往下阿湯就來分享這次的做法給大家參考。