Поддержка Galaxy S4 в браузере CSS3 border-radius?

Это очень конкретный вопрос, что я не могу найти никаких подтвержденных документов для поддержки, но имею довольно много эмпирических данных, хотя только на основе одного телефона.

Единственный Galaxy S4, который у нас имеется в офисе, похоже, не поддерживает свойство border-radius в браузере. Я протестировал несколько разных сайтов и попробовал разные версии браузера (webkit, moz и т.д.), И он просто не поддерживает его.

Поскольку у нас только 1 доступный S4 (я спросил, и никто больше не имеет никого или не знает, кто это делает), а потому, что закругленные углы с помощью свойства border-radius были такой большой особенностью CSS3, я нахожу трудно поверить, что они бы убрали его намеренно, что заставило меня поверить, что либо:

  • Я обнаружил ошибку в браузере акций или
  • Это устройство относится только к единственному телефону, который у нас есть.

Итак, кто-нибудь еще сталкивался с этим раньше, или у кого-то есть S4, доступный для них, чтобы они могли проверить http://css3test.com/, чтобы узнать, есть ли border-radius поддерживается?

Ответы

Ответ 1

У меня была такая же проблема! Вы можете исправить это следующим образом:

border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;

PS. Я ненавижу такие обновления

Ответ 2

Нам удалось воспроизвести это с помощью нашего браузера Galaxy S4, поэтому он может быть чем-то большим, чем просто ваше устройство.

the S3 in white and the S4 in black

Первоначально загруженный в twitter (изображение)

Ответ 3

Я работаю с тем, кто получил обновление прошивки 30 мая и видит эту проблему, а также некоторые другие проблемы с CSS. Я еще не получил это обновление, и я нахожусь в версии 24 апреля, и я не вижу этой проблемы. Обеспокоенный тем, что это что-то появилось в последнем обновлении.

Ответ 4

Я также столкнулся с той же проблемой (браузер Webview + стек Android 4.2.2/Archos101 Xenon)

Исправлено с помощью удаления свойства фона из:

.circle { 
width: 100px;
height: 100px;
background: rgba(255,255,255,0.75);
border: 5px solid rgba(255, 255, 255, 0.75);
border-radius: 50px;
}

и , адаптируя ширину свойства border

.circle {
width: 100px;
height: 100px;
border: 50px solid rgba(255, 255, 255, 0.75); 
border-radius: 50px;
}

Надеюсь, это может быть полезно.