2013-06-19 2 views
15

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

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

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

  1. Я нашел ошибку с запасом браузера, или
  2. Это устройство специфичны для единственного телефона у нас имеется ,

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

+0

У меня такая же проблема с моим S4. CSS-рамки с границей больше не работает в браузере прошивки с момента последнего обновления. grrrrr –

+0

При взгляде на браузер для Android на Samsung Galaxy S4 - он говорит, что версия 1 считается новой! На моем ~ 1-летнем примечании II версия браузера акций - 4.1.2.Может иметь какое-то отношение к этому, а также не поддерживает SVG-изображения :( –

ответ

28

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

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

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

+1

, это отлично сработало для меня; спасибо за обход – HBlackorby

+1

Wow работал как шарм, спасибо buddy –

+7

Принятый ответ не работает в случае, если родительские элементы имеют радиус границы и переполнение скрыты; дочерние элементы будут выходить за пределы круглых углов. – KobeBryant

2

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

the S3 in white and the S4 in black

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

+0

Отлично, спасибо, особенно за фотографии, я ценю усилие :) –

2

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

+0

Блестящий, спасибо за информацию. Интересно знать, что это последнее обновление прошивки, которое, похоже, сломало его. –

+0

У меня такая же проблема с моим S4. CSS с пограничным радиусом больше не работает с момента последнего обновления grrrrr –

1

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

Fixed его удалением фона свойства от:

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

и по адаптация к ширине границы имущества

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

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

+0

У меня были некоторые сбои с S4 с радиусом границы и цветом фона. Круг был установлен с абсолютным, над значком. Это был единственный способ пойти на это устройство ... спасибо за идею –

Смежные вопросы