Chrome未对Windows上的元素应用类更改

Question

我在Google Chrome上遇到了这个非常具体的问题，这个问题只发生在Windows和Android上，所有其他主流浏览器都能正常运行。甚至Chrome本身也适用于Linux机器。

所以这就是问题所在。我正在使用jQuery来处理一些动画和导航。我有这个按钮，当点击时，通过将active类添加到元素，从屏幕的右边缘带来另一个面板。您可以看到网站here的实时版本。

在Chrome以外的任何浏览器中，点击按钮会将active类添加到.videos-wrapper元素，将其宽度设置为100％。在Chrome中，它不起作用。我尝试使用$('.videos-wrapper').width($(window).width());手动设置宽度，这也不起作用。

在应用活动类之后，奇怪的（呃）部分位于检查面板中，如果我取消选中并重新检查它按预期工作的width: 100%属性。

我真的不知道还能做什么。因此，再一次可以找到实时版本here 如果有人能够指出问题我真的很感激。

Answer 1

我不知道你在说什么Chrome没有为该部分添加活动类， 确实如此，但我会说Chrome没有正确读取增量css类 我宁愿创建“videos-wrapper-active”类，并且只将规则应用于此类 “.videos-wrapper.active。”

编辑：问题是所有元素都将百分比作为维度值，但至少顶级父元素应具有像素值。否则100％的0px意味着什么。