Разный отступ между элементами локально в development и на боевом production Rails серверах. Почему?

Question

[Damir Konkov]

Приложение на рельсах.
Имеется два одинаковых куска HTML/CSS кода, которые по разному отображаются во всех браузерах (chrome, safari, firefox).

На продакшне нету отступов между ссылками.

В девелопменте они есть


HTML/CSS код везде одинаковый. Тут наверное больше вопрос к магам верстки. Так как добавление padding/margin-right/left дает подобный результат
Главное: добавить отступы на продакшне.
Приоритет чуть ниже главного: разобраться в том что это за магия?

UPDATE:
На деве в исходном коде странице имеются пробелы и знаки переноса строки, на проде этого нет.
В этом и была несостыковочка, вроде достаточно очевидное решение, спасибо @27cm за то что направил в верное русло, буду править.

Answer 1

[Котик Антон]

За счёт чего получаются отступы в dev среде, смотрели?
Вариантов собственно не много: padding, margin, word-spacing, пробелы и прочие пробельные символы.

Если за счёт padding / margin / word-spacing, то разбираться, почему они меняются на проде.
Если за счёт пробелов между тегами ссылок, то разбираться, что режет пробелы на проде.

Среди подозреваемых в первую очередь проверьте всякого рода минимизаторы, если такие используются, - их часто отключают в dev среде и включают только на проде.

Comments

[Damir Konkov]

Вроде бы как не за счет пробелов. За счет чего получаются отступы понять до конца не могу. Инспект панель не раскрывает до конца эту тайну.
joxi.ru/brRd3kJuQND5y2 joxi.ru/4AkZVk5uMYDW02

[Котик Антон]

Damir Konkov: "Вроде бы как" тут не прокатит, нужно выяснить точно. Инспектор пробелы и не будет показывать. Исходный код страницы в браузере откройте и там ищите, должны быть пробелы между тегами.

[Котик Антон]

Damir Konkov: Или в инспекторе правой кнопкой мыши кликнуть на тег <div class="tags"> и выбрать Edit as HTML...

Answer 2

[Web Developer Blog]

Впервые сталкиваюсь даже, интересно решение

Answer 3

[Александр Таратин]

Для родительского блока сделать font-size:0;
У ссылок восстановить шрифт font-size:<size>;
А отступы добавить через padding-right у ссылок.

Answer 4

[Семён Семёнов]

Почистите кэши в приложении

Answer 5

[Дмитрий Амельченко]

RAILS_ENV=production rake assets:precompile можно попробовать

Answer 6

[CorbenDallass]

Посмотрите, стили из каких файлов используются в продакшне, а какие в деве. Если есть различие, то смотрите пути, по которым в продакшне ищутся ассеты (Rails.application.config.assets.precompile), а также проверяйте подключение одних файлов в других при помощи директив
*= require redactor
или
@import