iphone safari 에서 폰을 회전하면 세로모드 가로모드 전환이 되는데 여기서 폰트 사이즈가 커지는 문제가 발생을 한다.
이게 버그인지 아니면 의도된상황인지는 모르겠다.
그런데 분명 1:1.5의 비율로 커지는 부분이 있고 아닌부분이 발생을 한다.
여기저기 찾아보니 p태그가 연속해서 사용되어지는 부분에서 이런 문제가 발생하다는 글들이 많이 올라오고있고.....
그래서 아래와 같은 스크립트를 쓰라고 권장(?)하는곳이 있더라.
[code]javascript:for(i=0;i<document.getElementsByTagName ('*').length;i++)void(document.getElementsByTagName('*' )[i].style.fontSize='18pt');[/code]
위와같은 스크립트를 사용하게 되면 18pt로 모든 폰트가 고정이 된다고 한다.
그러나 우리나라 웹사이트들이 모든 폰트를 획일적으로 사이즈 고정하지 않지 않는가.
그래서 더 찾아보니....
나의 텍스트 건너뛰기 신공때문에 얼토당토한 결론을 내린 오류였음.
위에 스크립트는 아이폰에서 북마크해서 해당 페이지가 글자가 작을경우 북마크해둔걸 클릭해서 해당 페이지의 폰트사이즈를 18pt로 변경해주는 일종의 트릭(?)인거였음....
아무튼 아래걸로 내일 출근해서 테스트해봐야겠음.
html { -webkit-text-size-adjust: none;}
이걸로 하면 문제없이 된단다.
아직 적용해서 확인을 하지는 않았다.
오늘은 일요일.... -0-
아무튼.. 월요일에 저걸 실험해봐야겠다.
ImgBorder_1.html