我在所有元素寬度上使用視口寬度(vw)以使它們響應。響應文本不穩定調整大小
但實際調整大小有些不穩定。
Here是它的外觀:
首圖是怎麼看1366px視寬,底部是在766px。
奇怪的是,它在707px處恢復正常並在700px處再次中斷,並在691px處恢復正常,並在680px處再次中斷等等(所有數字都是近似的)。
請檢查工作典範here
附:可以獨佔使用vw寬度嗎?
我在所有元素寬度上使用視口寬度(vw)以使它們響應。響應文本不穩定調整大小
但實際調整大小有些不穩定。
Here是它的外觀:
首圖是怎麼看1366px視寬,底部是在766px。
奇怪的是,它在707px處恢復正常並在700px處再次中斷,並在691px處恢復正常,並在680px處再次中斷等等(所有數字都是近似的)。
請檢查工作典範here
附:可以獨佔使用vw寬度嗎?
我從來沒有和VW一起工作過一段寬度,但我之前遇到過這樣的問題,它通常與佈局有關。嘗試將最後一個元素向右而不是向左移動?
在Chrome瀏覽器中調整瀏覽器大小時,存在一個已知的vw單元錯誤。大小計算錯誤,但只要更新瀏覽器就自行更正。
我找到了一個解決方案,我也試過這個成功我的自我。
causeRepaintsOn = jQuery("h1, h2, h3, p");
jQuery(window).resize(function() {
causeRepaintsOn.css("z-index", 1);
});
爲什麼不能降低車的寬度20vw? – Nix
我將購物車的寬度更改爲20vw,問題仍然存在。而且,如果我添加更多的自由空間,設計不會中斷。但它顯然不會是正確的解決方案。 – user3221449
在Firefox中完美工作。如Chrome中所述的Buggy。看到 - 當重新調整大小 - 右邊「跳躍」的空閒空間時,我想知道這是不是一個舍入問題? – FelipeAls