Необычное поведение браузеров Opera и Mozilla на Android. Как сделать кросс-браузерно?

Question

[Петр Волханов]

Необычное поведение браузеров Opera и Mozilla на Android, а именно посмотрите как отображается в Хроме (так же отображается на всех десктопных браузерах, даже ИЕ):



Вот как отображается в Firefox:



Opera:



Как сделать кросс-браузерно?

Вот CSS для кнопки:

.button.center, .button.center *{
	background-color: #F60056 !important;
	text-decoration: none;
	color: #fff;
	border-radius: 10px;
	transition: 1s ease;
}
.button.center:hover, .button.center:hover *{
	background-color: #fff !important;
	text-decoration: none;
	color: #F60056;
	transition: 1s ease;
}

Comments

[tyzberd]

почти у всех есть отладка по usb
https://dev.opera.com/articles/remotely-debugging-...

[tyzberd]

и у меня все норм в опере и ff на андроид

[Петр Волханов]

А какая у Вас версия Андроид, у меня 8.1?

[Петр Волханов]

tyzberd, классную ссылку Вы дали, но мой телефон Nokia 6 не хочет работать и драйвера для него нет, не могу найти (USB)

[tyzberd]

Евгений Привалов,
у меня 7
может у вас устаревшие версии браузера, в них может не поддерживать просто border-radius.
А если Opera mini с экономией трафика, так там вообще беда, там рендеринг страницы происходит на их серверах, и пользователю возвращается отрендеренная

[Петр Волханов]

tyzberd Я их только вчера скачал с Play Market