Criei um personagem utilizando SVG, que aparece desmontado no tablet dentro do webview, isso aconteceu no navegador padrão também do tablet:
Multilaser
- Android 4.4.2
- Número do modelo: ML02-M9-Quad-Core
- Processador QuadCore-A33
- Resolução: 1067 x 480
Tanto nos navegadores IE, Firefox, Safari, Opera, assim como em PCs, IOS, iPhone, celulares Android como A5, J5, J7, Asus Zenfone 2/3, XPeria, Moto G, o personagem ficou normal, já no webview apresentou problema só neste aparelho, em qualquer outro aparelho, não apresentaram problemas decorrentes do CSS, eu percebi que o navegador chrome depois de atualizá-lo ele parou de apresentar este comportamento. Eu gostaria de entender, porque isso acontece somente neste modelo de equipamento. Outro problema também ocorre com este mesmo aparelho, quando utilizamos carrossel com touch do tipo swipe. Alguém por favor, uma luz no fim do túnel, poderia me ajudar a encontrar um caminho para solucionar este problema. Ou mesmo uma forma de fazer um media queries para corrigir o posicionamento do personagem.
O personagem como deveria ficar e está nos demais aparelhos:
Como está aparecendo no tablet:
Obs: O código é muito extenso, então não dá pra colar aqui, mas posso descrever que todos os elementos do svgs estão com posicionamento absoluto, dentro de um container com posicionamento relativo, e estes svgs estão inseridos inline na tela, ou seja não é um caminho da imagem, observe que a barba é a única que se manteve no lugar, mesmo ela estando com os mesmos parâmetros de posicionamento que os demais.