Webkit 사용 브라우저들 이미지 뭉개지는게 DPI 조정 때문이었구나. 메타 태그를 쓸 때 target-densityDpi를 device-dpi로 지정해주면 된다. 물론 이후의 가변폭을 위한 스케일링 같은건 자기가 알아서 해야한다. 자세한건 링크 참조.
일반 웹페이지야 그렇다지만 소위 웹앱(WebApp) 이라고 깝치는 애들은 흐리멍텅한 이미지 대신 또렷한 이미지 좀 보여주면 아니될까. 사실 개인적으로 웹앱에 대해서 엿같이 생각하는 이유 중 하나가 이건데…
그렇다고 모든 해상도에서 잘 보이도록 하기 위해서 그런거면 몰라, 해상도 작은 모바일 기기에선 레이아웃 잘려서 나오는 주제에 이러기냐? 니들아가 추구하던 1px의 미학은 어디다 버린거야?














