webkit мерцает при изменении размера

Я пытаюсь создать 2D-сетку в HTML и CSS, где изменение размера окна переформатирует элементы в соответствующую строку. Эффекта можно добиться, просто переместив элементы div фиксированной ширины влево, но я хочу добавить динамическое поле, чтобы минимизировать пустое пространство в правой части экрана.

Моя проблема заключается в том, что при добавлении динамических полей (b/t div) через javascript, div будет мерцать (т.е. быстро переключаться между строками назад и вперед) при изменении размера окна браузера (происходит только при уменьшении ширины).

Баг проявляется в webkit (хром и сафари), но не в Firefox. Если это просто ошибка webkit, есть ли способ ее обойти?

Пример можно увидеть на jsfiddle или на обычной веб-странице:

http://jsfiddle.net/RAZHA/3/

http://alec.thewinograds.com/float_flicker_example.html

Спасибо!


person Awinograd    schedule 13.07.2012    source источник
comment
вы нашли решение этого?   -  person RYFN    schedule 20.07.2012
comment
Нет. Я ничего не мог заставить работать. Я попытался сгладить поля, уменьшив их (поэтому использовалось ‹ 100% ширины). Динамическое изменение класса, а не стилей... и некоторые другие вещи, которые я не помню.   -  person Awinograd    schedule 21.07.2012
comment
Это кажется жизнеспособным решением, если кто-то все еще ищет. barrelny.com/blog/text-align-justify-and-rwd codepen.io/seraphzz/pen/zimFC   -  person Awinograd    schedule 06.06.2013


Ответы (1)


        $(box).css("margin-left", (marginSide * .5) - MARGIN_REDUCTION);

мне кажется, что это проблема JS; уменьшить только маржинальную маржу, а не обе.

http://jsfiddle.net/RAZHA/3/

person Community    schedule 04.06.2013