Question

我在所有元素宽度上使用视口宽度（vw）以使它们响应。

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

Here的外观如下：

enter image description here

顶部图像是1366px视口宽度的视图，底部是766px。

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

请检查工作模型示例here

P.S。是否可以专门使用vw宽度？

Answer 1

我从未使用VW作为宽度的长度，但我之前遇到过这样的问题，它通常与布局有关。尝试将最后一个元素浮动而不是左移？

Answer 2

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

我找到了一个解决方案，我也成功地尝试了这一点。

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