更改 CSS 文件中的变量的函数？

Question

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

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

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

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

Answer 1

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

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

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

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

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

更改 CSS 文件中的变量的函数？

Function to change variables in CSS file?

html

javascript

css

reveal.js