响应文本不稳定调整大小

我在所有元素宽度上使用视口宽度（vw）以使它们响应。响应文本不稳定调整大小

但实际调整大小有些不稳定。

Here是它的外观：

enter image description here

首图是怎么看1366px视宽，底部是在766px。

奇怪的是，它在707px处恢复正常并在700px处再次中断，并在691px处恢复正常，并在680px处再次中断等等（所有数字都是近似的）。

请检查工作典范here

附：可以独占使用vw宽度吗？

为什么不能降低车的宽度20vw？ – Nix

我将购物车的宽度更改为20vw，问题仍然存在。而且，如果我添加更多的自由空间，设计不会中断。但它显然不会是正确的解决方案。 – user3221449

在Firefox中完美工作。如Chrome中所述的Buggy。看到 - 当重新调整大小 - 右边“跳跃”的空闲空间时，我想知道这是不是一个舍入问题？ – FelipeAls

我从来没有和VW一起工作过一段宽度，但我之前遇到过这样的问题，它通常与布局有关。尝试将最后一个元素向右而不是向左移动？

2014-02-09 15:32:56 thesublimeobject

在Chrome浏览器中调整浏览器大小时，存在一个已知的vw单元错误。大小计算错误，但只要更新浏览器就自行更正。

我找到了一个解决方案，我也试过这个成功我的自我。

causeRepaintsOn = jQuery("h1, h2, h3, p"); 
jQuery(window).resize(function() { 
    causeRepaintsOn.css("z-index", 1); 
});

2014-02-26 10:19:18 Turbojohan

回答