动态改变整个网站的文本/对比度？答案

【问题标题】：Dynamically changing text/contrast of entire web site?动态改变整个网站的文本/对比度？
【发布时间】：2014-04-08 02:17:28
【问题描述】：

这是在 Visual Studio 2013 中使用 MVC 4：

我想知道如何通过单击按钮来动态更改网站的文本。这对于对比也是一样的。我想知道是否有任何插件或方法可以做到这一点？

这是正确实施的示例：http://www.bbc.co.uk/accessibility/guides/change_colours/# 给出不同的文本大小和对比度等。我将如何处理这个？我的想法是有一个按钮，用新的颜色 /contracts 调用相同的 CSS 表。但这意味着我需要大约 4-5 个完全相同的 CSS 表，只是文本/对比度发生变化。有更好的方法吗？

【问题讨论】：

动态更改文本所需的插件？不清楚
将所有结构样式放在一个 CSS 文件中，该文件将始终被引用。创建具有各种文本大小和对比度更改的“品牌”CSS 文件。使用按钮交换各种品牌 CSS 文件之间的引用。
您是否使用服务器端语言（PHP、Python）和数据库？
我将 MVC 4 放在标签中，猜想它已被删除。是的，我正在使用带有 MVC 4 的 Visual Studio 2013。

标签： html css font-size

【解决方案1】：

可能是 Observables，数据绑定是您最好的解决方案。基本上，您可以将您的 html 与 observables（您的数据模型）绑定。当您的数据模型的状态发生变化时，您的 UI 会自动更新，反之亦然。它遵循 MVVM 模式。用于 MVVM 的最受欢迎的库之一是 Knockout.js（此处：http://knockoutjs.com/）这将使您的生活更轻松！它是我的。 :-)

希望这会有所帮助！

【讨论】：