2013-01-09 4 views
1

I는 화면에서 한 줄의 텍스트를 표시 할 것이다 : 응답 폰트 크기 넘김

  • Fonts-size 브라우저 기반으로 가능한 최대 값

    1. Width: 100 % 만
    2. 한 라인 폭 (nowrap)
    3. 을 감안할 때 font-family

    내 ID EA는이 div 임의 font-size 숨겨진, 다음 "무력"늘이거나 폭이 브라우저 폭에 가까운 너무 font-size을 감소하는 jQuery를를 실행 시작하는 것입니다.

    이 할 수있는 가장 좋은 방법이 있나요? 내가 몇 가지 예를 볼 수 있다면 좋을 것이다. 감사.

  • +0

    코드를 여기에 게시하십시오. – DON

    +2

    [FitText.js] (http://fittextjs.com/)를 시도하십시오. – Mottie

    +0

    가능한 복제본 : http://stackoverflow.com/questions/687998/auto-size-dynamic-text-to- fill-fixed-size-container –

    답변

    2

    이 같은이 솔루션

    http://simplefocus.com/flowtype/

    $('body').flowtype({ 
        minimum : 500, 
        maximum : 1200 
    }); 
    
    하면됩니다

    다운로드 https://github.com/simplefocus/FlowType.JS

    최고급 웹 타이포그래피 : 요소 폭을 기준으로 한 글꼴 크기 및 선 높이.

    +0

    [링크 전용 답변] (http://meta.stackoverflow.com/tags/link-only-answers/info)은 권장되지 않으므로 SO 답변은 a의 끝점이어야합니다. 솔루션을 검색하십시오 (시간의 흐름에 따라 부실 해지는 경향이있는 참조의 또 다른 중간 기착 대). 링크를 참조 용으로 유지하면서 독립형 시놉시스를 여기에 추가하는 것을 고려해보십시오. – kleopatra

    0

    내가 텍스트가 글꼴의 높이 비율로 얼마나 다양한 알아낼 것, 다음

    var w = [parentElement].clientWidth; [textElement].style.fontSize = w*ratio;