요즘 한창 만들고 있는 이 블로그를 iPhone의 Safari에서 보면서 발견한 버그입니다. 좌측 이미지로는 Zoom 없이도 대충 글자를 읽을 수 있는데, 우측의 이미지에서는 글자를 분별할 수 없지요. 그래서 한 번에 이상하다는 점을 알아볼 수 있었습니다.
원인을 트래킹을 하다보니 '<p>'를 두 번 이상 연달아 쓰는 경우에 저런 현상이 나타나더군요. 우측의 이미지 컨텐츠에 그저 <p> 태그를 하나 더 추가하면 좌측처럼 되어버린다는 것이지요.
여러모로 해결책을 모색해 보았지만 결국 포기했습니다. 한글 때문인가 의심을 하기도 했는데 영문 사이트에서도 동일한 버그가 나타나는 것으로 보아 한글은 관계가 없는 것 같습니다. 사용하는 iPhone의 펌웨어가 1.1.1인데, 1.1.2로 업데이트하면 나아질런지 모르겠네요.