-4

フォントサイズを動的にサイズ変更するサンプルプログラムを実行しています。学習するには、サンプルプログラムを使用したjqueryが必要です。そのプログラムはテキストを表示できますが、そのテキストはブラウザのサイズに関連しています。ウィンドウを最小化すると、テキストサイズはそのブラウザのサイズに関連しています。私はこれを試しましたが、助けにはなりません。ここにそれを含めました。

編集：コメントにコードインクルードを追加

<html>
   <head>
      <script src="ajax.googleapis.com/ajax/libs/jquery/1.10.2/…; (function($) { $.fn.resizeme = function(options) { var preferredHeight = 768; var displayHeight = $(window).height(); var percentage = displayHeight / preferredHeight; var newFontSize = Math.floor(fontsize * percentage) - 1; $("body").css("font-size", newFontSize); return this; } })(jQuery); </script> <script> $(document).ready(function(){ $("p").resizeme(function(){ }); }); </script> 
   </head>
   <body>
      <p>If you resize my window on me, I will resize.</p>
   </body>
</html>
4

1 に答える 1