글꼴 크기를 다양한 장치에서 잘 보이게하려면 어떻게합니까? UIWebView의 iPad 및 iPhone 용 다른 뷰포트

Question

나는 태블릿 크기의 장치와 전화에 모두 잘 보이는 방식으로 표시하려는 많은 텍스트와 몇 장의 사진 (뉴스 기사와 같은)이있는 페이지가 있습니다. 크기가 조정 된 장치.

내가 지금 무엇 메타 태그

<meta name='viewport' content='initial-scale=1.0, maximum-scale=10.0'/> 

하지만 글꼴 크기가 정말 아이 패드에 너무 작이 YES = 스케일에 맞게 할 수 있도록 내 HTML을 가지고있다. 나는 initial scale = 2.0으로 만들려고했지만 이제는 iPhone과 갤럭시 타블렛에서도 커 보인다.

다양한 장치 크기를 처리하고 글꼴 크기를 장치에서 모두 잘 보이는 방식으로 표시하려면 어떻게해야합니까?

아마도 더 좋은 질문은 내가 확대 한 후에 UIWebView 줄 바꾸기 텍스트를 다시 만들 수 있습니까?

Answer 1

규모를 1.0으로 유지하지만 큰 화면에서 사용할 수있는 공간이 늘어 나면 텍스트 크기를 늘리십시오. 당신은 CSS 미디어 쿼리를 사용하여이를 달성 할 수있는 화면 폭> 768 (아이 패드 세로 폭)을 가진 장치에 표시 할 때

@media screen and (min-width : 768px) { 
    /* Styles, for example to increase font size */ 
    body { font-size: 120%; } 
} 

이 120 %로 몸의 글꼴 크기를 증가시킬 것이다. 물론 다양한 너비에 대해 이러한 규칙을 여러 개 사용할 수 있습니다.

W3은 공식 Media Queries입니다.