-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

0

首先，您包含 jquery 的方式是错误的。其次，你真的不需要为此包含 jquery。

您可以使用媒体查询来满足您的要求，如下面的小提琴所示

http://jsfiddle.net/3dpLN/

您也正在尝试同时使用 jquery 库和 javascript。如果你想使用 jquery，.resize()如果你真的想让文本动态响应你想做这样的事情，也可以使用这个函数：http: //jsfiddle.net/qcmhq/

这里的文本大小动态变化。您当然可以玩弄这些数字以获得所需的结果。

于 2013-09-23T07:26:12.337 回答