GWT - 增加和減小字體大小

Question

在GWT Web應用程序中，我想讓我的用戶有機會減少或增加當前頁面中的字體大小。

是否有可能，在GWT，要做到這一點，如果+按鈕，用戶點擊：

body { font-size: 150%; } 

而要做到這一點，如果用戶點擊 - 按鈕：

body { font-size: 50%; } 

謝謝！

Answer 1

這適用於一個CSS在線解決方案。替換CLASSNAMEHERE以滿足您的需求，或將其作爲函數的參數傳遞。

private static native void changeFontSize(int inc)/*-{ 
     { 
      var p = $doc.getElementsByClassName('CLASSNAMEHERE'); 
      for (n = 0; n < p.length; n++) { 
       if (p[n].style.fontSize) { 
        var size = parseInt(p[n].style.fontSize.replace("px", "")); 
       } else { 
        var size = 11; 
       } 
       p[n].style.fontSize = size + inc + 'px'; 
      } 
     } 
    }-*/; 

Answer 2

請嘗試以下操作：

Document.get().setStyleAttribute("font-size", "150%"); 

如果需要修改樣式特定風格類的，那麼你應該詢問他們先弄好了。 （與本地JS或http://code.google.com/p/gwtquery/爲例）然後遍歷它們並修改樣式屬性

DOM.setStyleAttribute(someGwtElement.getElement(), "font-size", "150%");