代码之家 › 专栏 › 技术社区 › J. Carew

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

reveal.js css html javascript

0

J. Carew · 技术社区 · 8 年前

是否有一个函数将接受自定义CSS文件并将变量fheight和fwidth更改为屏幕输出。高度和屏幕。宽度?我正在尝试使用百分比来构建一个js-dislow演示文稿来定位元素,我知道如果指定了父元素的维度,属性height、top和bottom将只接受百分比作为值。除了Javascript函数屏幕之外,我无法使用任何其他工具指定幻灯片的尺寸。高度和屏幕。宽度,因为我希望演示文稿适用于任何大小的显示器。是否有一个R、Javascript或其他语言函数会接受一个自定义CSS文件,其中变量fheight和fwidth作为输入,然后返回一个CSS文件并用像素值替换这些变量?

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

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

1 回复 | 直到 8 年前

1

2

Community c0D3l0g1c 7 年前

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? 或 http://www.w3schools.com/js/js_htmldom_css.asp

希望这些能让你开始,祝你好运。