Проблемы с inline-block

[Zverushka]

В хроме - НАШИ РАБОТЫ - по 3 работы в строке.

В Мозилле по 2.

http://zverushka.zz.mu/landing-b/#portfolio

 

Использован метод 

 

  letter-spacing: -.31em;

  word-spacing: -.43em;

 

Родителю m0--9px, блокам m0-9

Edited December 21, 2013 by Zverushka

[klierik]

Chrome Mac: Version 31.0.1650.63

Тоже по 2 в ряд.

 

мне удобнее для контайнера инлайн блоков просто сбросить fz:0 и вернуть для самого блока.

[Zverushka]

Я попробовала сбросить и fsz0, lh0, просто закомментировать блоки в один ряд без пробелов - результат тот же. Ничего не понимаю.

Edited December 21, 2013 by Zverushka

[klierik]

lh:0 не обязательно т.к. он не влияет на расстояние между элементами.

кстати вот сейчас в данный момент по 3 в ряд

[Zverushka]

Ничего не трогала на сервере, все как было.

[SelenIT]

Использован метод 

 

  letter-spacing: -.31em;

  word-spacing: -.43em;

это не метод: http://habrahabr.ru/post/137656/

[Zverushka]

@SelenIT, а как ты удаляешь лишние отступы?

[SelenIT]

Последнее время в основном через fsz0.

 

А в исходном примере у контейнера фактическая ширина 978px, а каждый блок занимает 309 + 2*9 = 327px. Закономерно, что уместить 3 блока (981px в сумме) в строку можно лишь благодаря небольшому нахлесту, который и получается в Хроме 25+ при одновременном letter-spacing и word-spacing.

[Zverushka]

http://codepen.io/stowball/details/LsICH

с fsz0 есть проблемы в андроид браузере - насколько он распространен - можно узнать? Имеет ли смысл отказаться от этого метода из-за данной проблемы?

Edited December 22, 2013 by Zverushka

[SelenIT]

Лично я к старым андроид-браузерам отношусь примерно как к старым IE: полной красоты не будет, условия работы специфические, некоторые отличия от макета (напр., узкая колонка текста, чтоб влез в экран) — не баг, а фича. Так что сильно переживать из-за них, имхо, не стоит, а в последних Андроидах уже почти нормальный Хром.

Но только что проверил — с .01px вместо 0 мой Андроид 4.0 ведет себя чуть приличнее (однопиксельный зазор лишь между последними двумя пунктами в каждой строке).

[Zverushka]

с 0.1px не получится ли неожиданного результат в других старых браузерах, где были проблемы с округлением ....

[SelenIT]

Мда, в фоксе .01px "округляется" до единицы. Зато .001px (одна тысячная px) даже в фоксе округляется до нуля (т.к. меньше порога в 1/128), в остальных (включая Win Safari 5.1.7) тоже, но как "лекарство для андроида" тоже срабатывает!

 

Конечно, перепроверьте на всякий случай, но, по-моему, это оно

[Zverushka]

@SelenIT,и как ты теперь будешь писать? fsz0 или fsz.001px? 

[SelenIT]

Zverushka, если никто в ближайшие дни мне не укажет на фатальный недостаток fsz.001px, то перейду на этот способ Кстати, как оно на Win8 себя ведет?