Przeglądarka zdjęć Galaxy S4 Wsparcie dla CSS3 border-radius?

Question

To jest bardzo szczegółowe pytanie, że nie mogę znaleźć żadnych udokumentowanych dowodów na poparcie, ale mam raczej dużo dowodów empirycznych, choć tylko w oparciu o jeden telefon.

Pojedynczy Galaxy S4, który mamy dostępny w biurze, nie ma obsługi dla właściwości border-radius w jego przeglądarce plików. Przetestowałem kilka różnych witryn internetowych i wypróbowałem wszystkie różne wersje przeglądarki tej usługi (webkit, moz itp.), A ona po prostu nie obsługuje tego.

Ponieważ mamy tylko 1 S4 dostępnego (zapytałem w okolicy i nikt go nie ma ani nikogo nie zna), a ponieważ zaokrąglone rogi za pośrednictwem właściwości border-radius były tak wielką cechą CSS3, uważam, że trudno uwierzyć, że to oni usunęli go celowo, co prowadzi mnie do przypuszczenia, że:

1. Znalazłem błąd z przeglądarką stanie lub
2. To specyficzne dla jedynego telefonu mamy do dyspozycji urządzenie .

Więc, czy ktoś jeszcze natknąć to wcześniej, czy też ktoś ma S4 dostępne im, że mogą sprawdzić na http://css3test.com/ aby zobaczyć czy border-radius jest obsługiwany?

Answer 1

Miałem ten sam problem! Możesz to naprawić:

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

PS. Nienawidzę takie aktualizacje

Answer 2

Udało się nam to odtworzyć za pomocą naszej przeglądarki zasobów Galaxy S4, więc jest to prawdopodobnie coś więcej niż tylko twoje urządzenie.

Pierwotnie przesłane do twitter (the image)

Answer 3

mogę pracować z kimś, kto otrzymał aktualizację oprogramowania sprzętowego 30 maja i widzi ten sam problem, jak również kilka innych kwestii CSS. Nie otrzymałem jeszcze tej aktualizacji, a mam 24 kwietnia i nie widzę tego problemu. Zaniepokojony, że jest to coś, co zostało wprowadzone w najnowszej aktualizacji.

Answer 4

ja również napotkał ten sam problem (Webview + stos przeglądarka Android 4.2.2/Archos101 Xenon)

Naprawiono go usunięcie atrybutu background z:

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

i przez dostosowując szerokość właściwości granicy

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

Mam nadzieję, że to może być pomocne.