javascript - 使用 JavaScript 变量在 JQuery 中设置样式

Question

我无法使以下代码示例正常工作

var iZoomValue = Math.round(window.innerWidth/12.5);

$('body').css("zoom",iZoomValue);

有什么建议我在这里做错了吗？

有关CSS 缩放的更多信息

Answer 1

确保在文档准备好时触发您的代码：

$(document).ready(function(){
 // code here
});

请记住，这zoom是 CSS3 规范中的一个相当新的功能，目前并非所有浏览器都支持。

这是一个工作示例（在 Chrome 中适用于我）

Answer 2

不确定在 jQuery document.ready 中执行此操作是否会解决它，因为 OP 说过，如果他使用硬编码值，它会起作用：

$('body').css("zoom","82");

我的感觉是 iZoomValue 没有设置为您认为的那样 - 也许警报或 console.log 将有助于断言这一点？

或者 jQuery css 方法接受字符串参数值（如在您的硬编码示例中）。iZoomValue 将是一个数字，因此结果将是

$('body').css("zoom",82);

使用带有整数作为参数的硬编码示例来断言这一点可能是值得的。

希望这可以帮助