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%");

GWT - 增加和减少字体大小

2 个答案: