Extreme Font-Resizing bug of IE

태터툴즈 1.1 그리고 티스토리 이번 업데이트 이후 파일 업로드가 일부 화면에서 갑자기 폰트가 크게 나오는 이유중 하나가 바로 이 "extreme font-resizing bug" 때문이다.

뭔가 꼬이면 이렇게 되는거다!

http://www.gunlaug.no/contents/wd_additions_13.html

원인은 EM단위를 스타일에 적용하였을때 상위 태그를 뒤지다가 초기값이 없으면 지맘대로 계산해 버리는 것. 결국 해결책으로 나오는 것들을 보면 html이나 body 태그에 %로 미리 폰트사이즈를 지정해 주는 것이다.

웹표준 이야기가 많이 나오지만 결국 표준대로 html을 만들면 망하는 시대. 각종 브라우저로 테스트 해 보면서 온갖 Hack을 써서 브라우저에 맞게 코드를 작성해야 한다.

티스토리에는 좀더 정확히 해결법을 찾아서 적용될 예정입니다.


http://plyfly.net/2630041

Label의 for 속성에 관한 글인데, MacOS의 Safari에서는 안된다. 덕분에 티스토리 일부 기능을 사파리에서는 사용할 수가 없다. 큰 문제가 없으면 소숫점 점유율의 브라우저도 지원하려고 하지만 사파리는 상당히 고민된다.

많은 사이트가 IE에서만 된다고 그 사이트 개발자를 비난하기에 앞서, 촉박한 일정과 얼마 되지 않는 월급, 그리고 브라우저 지원을 하나 추가할 때 마다 Extreme Sports가 되는 현 상황을 감안해 주기 바란다. 표준대로만 짜면 된다고 말을 하는 사람은 아마 제대로 개발해 본적이 없는 것이거나 엄청난 노하우를 가진 사람일 것이다.