Почему flex-shrink: 0; нормально работает на windows и сжимает все на mac safari?

Question

[freeman0204]

Когда не хватает места флекс элементы сжимаются по умолчанию, на виндовс вроде бы все ровно и только иногда есть сжатие и нужно прописывать flex-shrink: 0; а на маках в сафари те блоки что на виндовс выглядят нормально там сжимаются. Может прописать всем тегам flex-shrink: 0; что бы изначально не сжимались? Потому что мешает как то оно. Кто как делает?

Comments

[Сергей delphinpro]

непонятно. у вас именно flex-shrink:0 не работает?

[freeman0204]

Сергей: Расставляю 2 блока по сторонам так display: flex; justify-content: space-between; слева параграф а справа ссылка с падингом и фоном. На винде в норм все, а на маке в сафари ссылки перекошены, именно там где в параграфа больше текста, т.е. не влазит и по стандарту сжимается, это понятно, прописал flex-shrink: 0; и все ровно. Но почему при том же разрешении на винде все влазит и не сжимается, а для мака нужно прописывать flex-shrink: 0;. Почему так? Может прописать для всех существующих тегов flex-shrink: 0; ? Так как мне оно только мешает. И прописывать его только там где нужно.

[Сергей delphinpro]

Артур Черешнюк: * { flex-shrink: 0; }

Почему так?

Потому каждый реализует стандарты по-своему :D:D

[freeman0204]

Сергей: Да будет норм, спасибо.

Answer 1

[Максим Васильев]

Может быть, нужно `min-width`?

Или даже `min-width: auto` - это хак, для случаев переполнения контэйнера, но может быть сработает и тут.