Почему такая разница в bootstrap верстке между мазилой и хромо-браузерами?

Question

[lolrofl01]

Привет. Сверстал макет на bootstrap 4, разумеется колонками. И вот что странно, в мазиле все выглядит очень хорошо, а в браузерах, построенных на хромиуме, результат хуже.

Comments

[lolrofl01]

Артём Петренков, прежде чем оскорблять, лучше бы подумали, стал бы я размещать такой вопрос при разных размерах шрифта? Размер один и тот же в 18пх

Answer 1

[Максим Тимофеев]

Браузеры и bootstrap тут точно не при чем. Ищите кривые руки. Вариантов много, вот первое что в голову пришло:
- не указан размер шрифта, а по умолчанию он разный
- в одном из браузеров масштаб изменен

хромобраузеры не понимают свойство max-width

https://caniuse.com/#search=max-width
Другое дело, что согласно спецификации max-width применим только к блочным элементам. display: block; вам в помощь.

Comments

[lolrofl01]

Какие еще варианты могут быть?
1) размер шрифта указан одинаковый
2) масштаб одинаковый

[Максим Тимофеев]

lolrofl01, без ссылки? Никаких. Не вижу смысла ванговать. В инспекторе кода такое отлавливается за 5 минут. Дайте ссылку на сайт или в песочницу закиньте.

[Дмитрий]

lolrofl01, Может быть из-за различия отображения шрифта в браузерах. Как вариант поставить для телефонов white-space: nowrap

[lolrofl01]

Дмитрий, спасибо огромное! Помогло!

[Максим Тимофеев]

lolrofl01, уберите class="flex" у родителя и будет одинаково.