Некорректное масштабирование элементов страницы в хром и опере

[ishurgaya]

Здравствуйте.

В общем обнаружилась такая проблема.

Есть элементы в виде квадратиков в несколько рядов.

https://jsfiddle.net/y5hsr9b6/

В хроме, опере в масштабе 110% начинают скакать нижние ряды элементов.

В масштабе 100%, 125% и др. все нормально, в других браузерах в любых масштабах все норм.

Получается хром и опера некорректно масштабирует страницу?

Как лучше справиться с этим эффектом?

 

 

[klierik]

Эластичные шаблоны

[ishurgaya]

жесть. не переводить же все размеры в em.

по другому никак?

[klierik]

В идеале не в em, а в rem даже. Если твой макет не поддерживает масштабирование то он не умеет! Его надо научить этому, или забить

[Igor Schnaider]

26 минут назад, ishurgaya сказал:

жесть. не переводить же все размеры в em.

https://github.com/macropodhq/postcss-px-to-em
 

26 минут назад, ishurgaya сказал:

по-другому никак?

inline-block?

[ishurgaya]

В 23.06.2016 в 14:10, Igor Schnaider сказал:

inline-block?

спасибо большое! в jsfiddle все четко.

но на самом сайте почему то не получается исправить.

Это блоки на главной странице

Поможете?

Edited June 26, 2016 by ishurgaya

[lexxcode]

используйте flex-box для сетки, будет все нормально работать. хватит уже этих хаков с inline-block и float

[ishurgaya]

спасибо попробую