表CAN'；不能使用javascript缩放（Ruby on rails相关）

基本上，我现在使用Javascript将zoom应用到我的表（id:nav）上，就像通常一样

它应该根据主div的宽度（设置为窗口的宽度）进行缩放

但奇怪的是，结果总是0！这会发生在其他人身上吗

我试过两种方法都没有成功。为什么不能以编程方式缩放表

以下是我的两种方法：

$(document).ready(function() {
    $("#nav").css("zoom", $("#main").width()/1920);
});

以及：

此特定元素上的我的css样式：

#nav {
    position: relative;
    margin-top: 20px;
    width: 100%;
}

和我的html部分：

<table id="nav">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>
</table>

A.
B
C
D
E
F

---

表获取缩放，但缩放的值为0，这显然是错误的。谢谢你的帮助

它应该可以工作，但如果不行，请尝试将表格放入一些div中，然后缩放该div

---

另一个问题是——你使用的是#main元素的宽度——它真的有0px吗？或者它可能不存在？

首先感谢您的帮助。 这无疑是网站开发中的第一个问题

除非，如果您正在使用RUBY ON RAILS进行开发，并且启用了Turbolink，则请仔细查看此处，这应该是默认设置

根据asset pipeline，所有javascript文件以及其他文件都将包含在任何网页中

我的问题是，有两个js文件实现了“zoomer”，而每个js文件使用不同的公式（意思是index.html使用“.page”来计算缩放，而有问题的js文件使用“#main”）

这导致了这个问题

解决方案很简单，在RubyonRails中开发时避免名称冲突。这对我来说很“有效”，但结果显然是荒谬的：你到底想实现什么？

<table id="nav">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
<td>e</td>
<td>f</td>
</tr>
</table>