javascript - 更改CSS文件中变量的功能？

Question

是否有一个函数可以获取自定义 CSS 文件并将变量 fheight 和 fwidth 分别更改为 screen.height 和 screen.width 的输出？我正在尝试使用百分比来构建一个 js 显示演示文稿来定位元素，并且我知道如果指定了父元素的尺寸，属性高度、顶部和底部将只接受百分比作为值。我不能使用 Javascript 函数 screen.height 和 screen.width 以外的任何东西来指定幻灯片的尺寸，因为我希望演示文稿能够在任何尺寸的显示器上工作。是否有 R、Javascript 或其他语言函数将带有变量 fheight 和 fwidth 的自定义 CSS 文件作为输入，并返回将这些变量替换为像素值的 CSS 文件？

我希望我的 CSS 文件看起来像:

html, body{
    height: fheight;
    width: fwidth;
}

将html和body元素的高度和宽度设置为显示尺寸后，我认为指定高度和位置的百分比会起作用。

Answer 1

SASS 可以满足您的需求:http://sass-lang.com/

但是，普通 CSS 确实允许按照您描述的方式使用变量。如果 SASS 不是一个选项，请使用 Neil 的建议并使用 jQuery 的 css 函数更改它们(或者如果您更喜欢 native js 样式属性)

jQuery: $("body").css({'height': '55px', 'width': '99px';}); 阅读更多: http://api.jquery.com/css/

Vanilla JS: document.body.style.width= fwidth; 阅读更多:Set CSS property in Javascript?或者 http://www.w3schools.com/js/js_htmldom_css.asp

希望这些能让你入门，祝你好运。