使用rem的Html字体大小 - 旧浏览器的手动更改，不会覆盖rem值

Question

[为清晰起见编辑]

在这个论坛上阅读很多其他帖子，我们认为将rem字体大小设置为默认值也是一种好习惯。例如

. myclass {
    font-size: 16px; /* default for browsers who have problems with rem */
    font-size: 1.0rem; /* What I want, what I really really want */
}

有时在我的应用程序中，对于较旧的浏览器，如果用户更改其窗口的尺寸（例如，单击最大化按钮），我想更改字体大小。

我遇到的问题是我通常会使用以下内容：

$(".myclass").css("font-size", "20px");

如果我决定我需要20px的新尺寸。但请记住，只有当rem不起作用时，字体的像素大小才是我的后备。正确的值是1.0rem，我希望它保持这种状态。

我打算用代码更改我的rem值：

$("html").css('font-size', "20px");

所以问题是，如何保留我喜欢的具有rem功能的borwsers的首选1.0rem值，但是能够使用

$(".myclass").css("font-size", "20px");

没有覆盖myclass的rem font-size？

注意：我没有使用@media，因为我的网页需要比这更精确。如果我的设置的字体大小需要每隔几个像素更改一个@media是不切实际的。