2016-05-11 5 views
0

クイック質問、サイズ変更時にフォントが大きくならないように最大フォントサイズを設定する方法はありますか?私のデフォルトのフォントサイズは22pxですが、このコードを使用するとデフォルトより高くなります。最大フォントサイズをJavascriptに設定する

<script> 
    function resize_text(){ 
     resize = $(window).width()/50; 
     min = 18; 

     if(resize > min){ 
      $('p').css('font-size',resize + 'px'); 
      $('h1').css('font-size',resize + 'px'); 
      $('.bottom-list').css('font-size',resize + 'px'); 
     } else { 
      $('p').css('font-size',min + 'px'); 
      $('h1').css('font-size',min + 'px'); 
      $('.bottom-list').css('font-size',min + 'px'); 
     } 
    } 
    $(window).resize(function(){ 
     resize_text(); 
    }) 

    </script> 
+0

私は昨年同様の何かをした、私はそのためのプラグインで作成した、http://jsfiddle.net/fruitjs/zpYb4/9/ あなたのために働くかどうか見てください。設定でセレクタ、クラス、IDを追加できます。 – fruitjs

+0

フィディドを更新しました。http://jsfiddle.net/fruitjs/zpYb4/10/ – fruitjs

答えて

0

resize = $(ウィンドウ).width()/ 50;、リサイズ値が22を超える場合があります。 デフォルト値が22である場合は、このコードを試してください:

resize = 22; 
if($(window).width()/50 < 22){ 
    resize = $(window).width()/50 
} 
0

代わりのJavaScriptでこれをやって、あなたはCSSでこれをしないWY?

p{font-size: 100%} or provide anyother percentage criteria as per your requirement. 

私はあなたの問題を解決すると思います。あなたはresizeがあまりにも上に定義されていることを行を変更することができます

0

newsize = $(window).width()/50; 
resize = newsize > 22 ? 22 : newsize; 
関連する問題