[CSS] Problem z wyśrodkowaniem w pionie w przeglądarkach mobilnych.

Question

Witam, ostatnio zetknąłem się z następującym problemem: Tworzę np. prosty button (koło z ikoną w środku), ikona jest zwykłym znakiem (font awesome), do wyśrodkowania stosuję najprostszą metodę, kontener dostaje sztywną wysokość, a ikona line-height równą wysokości kontenera. No i bajki, ikona świetnie się prezentuje, ale... niestety tylko na przeglądarkach desktopowych. Wyświetlając stronę na przeglądarce mobilnej chrome oraz android 5.0 ikona nie jest wyśrodkowana, jest znacznie przesunięta ku górze. Czy wię ktoś czym to jest spowodowane i jak mogę rozwiązać ten problem?

Pozdrawiam!

Answer 1

Może jakiś kod czy coś?

Answer 2

Zresetowałeś style w CSS? Każda przeglądarka ma własne standardowe style, które wczytuje i pewnie tutaj leży problem. Może być też niekompatybilne coś z przeglądarką, ale line-height, jak i reszta w tych przeglądarkach co podałeś na pewno działa poprawnie, więc raczej bym wskazywał na pierwszą wymienioną przeze mnie rzecz. + kod by się przydał, bo to jak na razie wróżenie z fusów.

Answer 3

Sytuacja jest o tyle zabawna, że jak napisałem przed chwilą przykładowy kod i z ciekawości wrzuciłem go na serwer to wszystko działa jak należy, a na mojej stronie przy takich samych ustawieniach występuje problem o którym wspomniałem wsześniej. Wygląda na to, że problem leży gdzieś w stylach odziedziczonych. Reset oczywiście załadowany.