더블 글꼴 크기

어쩌면 문제는 간단하지만, 나는이 문제를 해결하기 위해, 또한 실제 아이디어는 제가 구글에 입력하지하는 방법을 몰라, 나는 다음과 같은 한) 내 CSS에서더블 글꼴 크기

을 선언 :

body { font-size: 100%; }

새로운 고밀도 장치가 매우 작은 내 글꼴을 보여 없기 때문에, 그 선언이 같은으로 설정하려면 :이 작업을 수행하는 가장 간단한 방법은 무엇

body { font-size: 200%; }

, cr없이 추가 파일을 먹거나 링크하거나 사용자 에이전트의 서버 측 처리를하고 있습니까?

출처

2012-04-19 Vertigo

바람직하지 않은 주제가 아님 : 뷰포트를 알고 있습니까? 이것은 단순히 텍스트를 더 크게 만드는 것 이외에 디스플레이를 제어하는 다른 방법 일 수 있습니다. – LeonardChallis

200 %는 사용자의 선호 크기의 두 배를 의미합니다. –

@LeonardChallis : 힌트를 주셔서 감사합니다.하지만 ViewPorts가 약간 특대라고 생각합니다. 글꼴 크기를 조정해야했습니다. – Vertigo

모바일 브라우저 검색 (서버 측 또는 클라이언트 측)을 사용하십시오. 당신은 http://detectmobilebrowsers.com/에서 찾을 수 있습니다. 브라우저가 모바일 인 경우 body 태그에 mobile 클래스를 추가하십시오.

예. 당신이 jQuery 코드를 사용하는 경우 모바일 브라우저를 감지에서 :

$(document).ready(function() 
{ 
    if(jQuery.browser.mobile) 
    { 
     $('body').addClass('mobile'); 
    } 
});

그런 다음 CSS에서, 모바일 특정 스타일을 적용 할 body.mobile {} 및 .mobile .something {}를 사용할 수 있습니다.

출처

2012-04-19 20:18:21 frogge

그러나 그것은 모든 모바일 장치에 적용됩니다. 즉, 글꼴이 iPhone에서 우습게 보일 수 있습니다. –

당신은 절대적으로 맞습니다. 그러나 질문은 다른 장치를 구별하는 것을 요구하지 않았습니다. 그러나 동일한 기술을 적용 할 수 있습니다. 특정 브라우저/플랫폼에 대한 클래스도 추가하십시오. – frogge

'스마트'고밀도 전화기가 자동으로이를 처리합니다 (예 : 망막 디스플레이가있는 iOS 장치). 그렇게 똑똑하지는 않지만 사용자는 이미 익숙해 져 있으므로 글꼴 자체를 조정하지 않으려 고 할 수도 있습니다.

출처

2012-04-19 20:20:37

힌트를 가져 주셔서 감사합니다. 그러나 안드로이드 폰은 불행히도 그렇게하지 않으므로 내 페이지가 다소 유용하지 않습니다. – Vertigo

@Vertigo'resolution'을 사용하여 미디어 쿼리를 시도하면 글꼴 크기가 DPI에 따라 달라집니다. http://www.w3.org/TR/css3-mediaqueries/#resolution하지만 실제로 얼마나 많은 장치가이를 지원하는지 잘 모르겠습니다. –

html {-webkit-text-size-adjust: none;}

출처

2012-06-22 01:30:23

더블 글꼴 크기

답변

관련 문제