Question

我遇到过各种样式切换器，可以让你更改样式表（即Light，Dark，High Contrast）和笨拙的文本调整器，让你可以调整测试的大小（通常使用三A，小，中和大）。

然而，我似乎无法通过允许两者的排列来找到一个合适的切换器/缩放器。

即。因此用户可以选择带有小文本的深色背景，或带有大文本的深色背景等。我似乎只能在用户可以选择一种或其他样式（大文本或高对比度，而不是组合）的情况下使用两个）。

关于任何可能适合此事的任何想法？

谢谢，

斯蒂芬

Answer 1

要完成这项工作有多么容易，我们需要做很多关于你知道的CSS和Javascript的事情。

文本大小调整器通常会更改看起来像

的规则

body p {
    font-size: 12px;
}

并根据点击增加或减少字体大小。所以（在jQuery中）你将一个事件绑定到你的resizer，看起来类似于：

$("#resizer").click(function(){
    $("body p").css("font-size", "18px");
});

显然，您需要更改选择器以匹配您想要调整的内容。这是一种策略。

另一种方法（可能包括你的黑暗/光明或其他主题）将拥有完全不同的样式表。这可能不太理想：3个字体大小x 3个主题是9个.css文件。哎呀！这是一篇非常好的文章，我不会在这里重复：

祝你好运！