2014-02-09 24 views
1

我在所有元素寬度上使用視口寬度(vw)以使它們響應。響應文本不穩定調整大小

但實際調整大小有些不穩定。

Here是它的外觀:

enter image description here

首圖是怎麼看1366px視寬,底部是在766px。

奇怪的是,它在707px處恢復正常並在700px處再次中斷,並在691px處恢復正常,並在680px處再次中斷等等(所有數字都是近似的)。

請檢查工作典範here

附:可以獨佔使用vw寬度嗎?

+0

爲什麼不能降低車的寬度20vw? – Nix

+0

我將購物車的寬度更改爲20vw,問題仍然存在。而且,如果我添加更多的自由空間,設計不會中斷。但它顯然不會是正確的解決方案。 – user3221449

+0

在Firefox中完美工作。如Chrome中所述的Buggy。看到 - 當重新調整大小 - 右邊「跳躍」的空閒空間時,我想知道這是不是一個舍入問題? – FelipeAls

回答

0

我從來沒有和VW一起工作過一段寬度,但我之前遇到過這樣的問題,它通常與佈局有關。嘗試將最後一個元素向右而不是向左移動?

0

在Chrome瀏覽器中調整瀏覽器大小時,存在一個已知的vw單元錯誤。大小計算錯誤,但只要更新瀏覽器就自行更正。

我找到了一個解決方案,我也試過這個成功我的自我。

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

在這裏閱讀更多: http://css-tricks.com/viewport-sized-typography/