안녕하세요, IE 테스터로 IE7~9 를 표준을 지키면서 코딩을 하고 있는데요, 아이폰에서 보니 웹상에서 보는 것과 몇가지 차이가 있는데, 이 부분을 어떻게 잡아야 할런지요?

글씨 크기가 다르게 보임. 모두 다 그런 건 아니구요, 몇몇 글씨들은 아이폰에 크게 보입니다. 예를 들어

body {

font-size:12px ;

}

* {

font-size:12px ;

}

.sub_ment {

font-size:10px;

}

이렇해서 default 는 font-size : 12px 이구요, class="sub_ment" 로 하면 font-size:10px; 를 하도록 했는데, 아이폰에서 보면 모두 해당영역의 글씨가 매우 크게 보입니다.

모바일로 접속했을 경우와 일반 데스크탑에서 봤을 때 해상도의 차이인가 했는데, 만약 해상도의 차이라면 다른 글씨들도 모두 크게 보여야 하는데 같은 클래스를 사용하는데도 어떤 건 제 사이즈로 보이고, 어떤건 크게 보이거든요.

모바일웹과 데스크탑웹이 화면 대비 동일한 비율의 글씨 크기를 유지하려면 어떻게 해야 하나요?

조언 부탁드립니다.