У меня есть компоненты select2 в стиле сторонней начальной загрузки;Я подвел итог здесь . исходный вывод хорош в только в Google Chrome (v72).
Я изменил загрузочную тему, используя следующее правило CSS:
span.select2-selection.select2-selection--single {
width: 100%;
}
Однако есть две проблемы:
Когда вы запускаете его с небольшим размером экрана, компоненты также совпадают и правильно позиционируются относительно друг друга, и всякий раз, когдаВы расширяете размер экрана, компоненты увеличиваются в размерах. Эта специфическая приятная ситуация возникает только в Chrome. Однако, пока вы все еще в Chrome, вы начинаете с большого размера экрана, а затем уменьшаете размер экрана до нормального размера (до которого есть достаточно места).все еще доступны) select2 компоненты попадают в следующую строку, хотя их можно было бы еще больше взвизгнуть!
Все дело в беспорядке с Mozilla Firefox!
Похоже, что Chrome лучше справляется с моим кодом, тогда как Firefox гримасничает!Я ожидаю, что компонент select2 будет уменьшаться больше при запуске на широком экране, а также ожидаю увидеть почти такой же результат в Firefox, но этого не происходит!Это почему?Что мне не хватает?Как исправить код, чтобы он вел себя равномерно?
Любая обратная связь с благодарностью:)