我的應用程序有兩種視圖,即實時模式和預覽模式。這兩個窗口都可以調整大小。它們是相同的html文件。我正在尋找一種方法來調整字體大小,以便在調整大小時調整兩個視圖的比例。 我使用jQuery作爲我的JavaScript框架。 有沒有辦法讓這個工作在CSS或jQuery?CSS/Javascript流體字體大小
3
A
回答
6
我知道我回答我的問題,但上面的答案是有幫助的,但還不夠作爲一個足夠。所以這就是我最終做到的。
首先我設置了這個函數,它根據給定的寬度來計算合適的字體大小。
function getFontSize(width){
sizew = width/100;
size = sizew * 1.5;
return size;
};
然後,我得到的功能運行在加載和窗口的重新大小然後修改相應的身體字體大小。
$(window).resize(function(){
size = getFontSize($(this).width());
$("body").css("font-size", size + "px");
}).resize();
所有你需要做的從那裏設置任何元素有其字體大小可調整大小給予它的「EM」或百分比字體大小。
3
當然,定義一個JavaScript對象,它具有一個函數,它需要一個寬度和高度參數。它應該根據該寬度和高度返回所需的字體大小。然後,將一個resize事件處理程序附加到窗口,該窗口調用您剛定義的函數,並在窗口的文檔正文上設置font-size css屬性。
您必須使用這個插件來得到一個HTML元素resize事件不是窗口:http://benalman.com/projects/jquery-resize-plugin/
var fontsize = function FontSizeBasedOnDimensions{
var that = {};
that.GetFontSize = function(height, width){
//Make some decisions here
}
return that;
}();
$('#yourwindow').resize(function(){
var size = fontsize.GetFontSize($(this).css('height'), $(this).css('width'));
var currentsize = parseInt($(this).css('font-size'),10);
if(size != currentsize){
$(this).css('font-size', size);
}
});
相關問題
- 1. 警告:「閩字體大小比當前字體大小大」
- 2. Libgdx字體大小
- 3. UIBarButton字體大小
- 4. Arial字體大小
- 5. Force字體大小
- 6. 調整字體大小 - 字體屬性
- 7. 字體和字體大小更改
- 8. 字體大小過大ie9
- 9. 字體大小:62.5%對字體大小:10px的
- 10. UIWebView中的字體大小與iOS字體大小不匹配
- 11. 自動更改主體字體大小
- 12. C#PrintDocument紙張大小/字體大小
- 13. 媒體查詢字體大小未調整大小
- 14. HubTile通知字體大小
- 15. iPhone HTML5字體大小
- 16. 更改字體大小macvim?
- 17. Winforms上的字體大小
- 18. TextView中的字體大小
- 19. CFDocumentItem - 更改字體大小
- 20. Crystal報告字體大小
- 21. javascript改變字體大小
- 22. 字體大小控件2
- 23. Java獲取字體大小
- 24. HTML選擇字體大小
- 25. 字體大小不響應
- 26. GTK +設置字體大小
- 27. 計算字體大小
- 28. Android calendarview字體大小
- 29. NSAttributedString更改字體大小
- 30. 默認UITableViewCellStyleSubtitle字體大小?
不得不擺脫上面代碼中''px''中的空格,以使其工作 – MLister 2012-08-21 22:16:48