2013-09-23 35 views
-4

我正在做示例程序來動態重新調整字體大小,我需要一個帶有示例程序的jquery來學習,以便該程序可以使文本與文本相關瀏覽器的大小,當我最小化我的窗口時,文本大小應與該瀏覽器大小相關。我試過這個,沒有幫助。我在這裏包括那一個。如何在jQuery中使用自動字體大小,html

編輯:添加代碼,包括註釋

<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> 
+0

如果您調整我的窗口大小,我將調整大小。

user2798846

+0

這是我的程序,我試過。 – user2798846

+1

你爲什麼把它寫在評論中,而不是編輯問題? –

回答

0

首先,你已經包括jQuery的方式是錯誤的。其次,你真的不需要爲此包含jquery。

您可以使用媒體查詢您的要求,如在下面搗鼓

http://jsfiddle.net/3dpLN/

還您嘗試使用jQuery庫和JavaScript在同一時間。 如果qant使用jquery,使用.resize()功能 此外,如果你真的想使文本動態響應你想要做這樣的事情: http://jsfiddle.net/qcmhq/

這裏的文字大小是動態變化的。你當然可以玩弄數字來獲得想要的結果。

+0

oh.thank u.I明白了......那麼如何用JQUERY做同樣的事情。 – user2798846

+0

oh.thank u.I明白了......那麼如何與JQUERY做同樣的事情。但它只響應兩種尺寸,我怎樣才能使它適合每個屏幕的寬度。我不想在我的程序中編寫所有寬度尺寸。 – user2798846