整個應用程序的字體大小選擇器

我想製作一個字體大小選擇器，它允許我們的用戶選擇某種字體大小（例如110％，125％）來顯示ExtJS應用程序。整個應用程序的字體大小選擇器

我不想使用縮放或瀏覽器縮放，因爲有部分使用瀏覽器縮放看起來很難看。

是否有可能將整個應用程序的文本大小動態地（運行時）改變一定比例？

我已經嘗試以下，但它並沒有改變什麼：

Ext.util.CSS.createStyleSheet([ 
    '.x-body {', 
    'font-size:14px', 
    '}' 
].join(''), 
'FontSize');

2016-07-14 Alexander

嘿，你可以在createStyleSheet使用下面的代碼（{bodyStyle： '背景：＃F1F1F1; FONT-SIZE：10px的;'}） –

@BipilRaut我已經發[爲您小提琴（https：//開頭fiddle.sencha.com/#fiddle/1dmv）。如果你能做到這一點，從中做出答案，我會接受。 – Alexander

@ Alexander-我檢查https://fiddle.sencha.com/#fiddle/1dmv。請稍候。謝謝 –

這不必須不一個ExtJS的方式，而將CSS應用於整個文檔主體。

http://stackoverflow.com/questions/16460990/change-text-font-size-of-whole-page-content

2016-07-15 06:20:38

我已經將CSS應用於文檔正文，但這不會改變任何內容，因爲ExtJS在所有元素上使用固定大小。另外，我無法逐個更改所有元素的字體大小，因爲ExtJS在刷新頁面部分時會在某些部分再次設置默認大小，而其他部分則不會被觸摸。 – Alexander

我已經[讓你玩耍]（https://fiddle.sencha.com/#fiddle/1dmv）。如果你可以得到它的工作，我會很樂意接受你的答案。 – Alexander

回答