Osobne style dla przeglądarki Safari

przeglądarki internetowe

Kategoria wpisu Kursy Tagi: , , , , , , on przez .



Reading Time: 2 minutes

safariPrzeglądarka stron internetowych Safari nie jest wspierana już od kilku lat pod systemem Windows jednak nie oznacza to, że nie stanowi ona istotnego gracza na rynku. Przeglądarka jest popularna w śród użytkowników systemu IOS a jej silnik WebKit wykorzystywany jest w dalszym ciągu. Instalowany jest m.in. jako standardowa przeglądarka na telefonach komórkowych oraz innych uradzeniach mobilnych.

Czy jest coś co trzeba o niej wiedzieć?

O to delikatnie powiedziane. Przeglądarka nie obsługuje więc wielu rożnych często nowych rozwiązań, które działają w innych przeglądarkach takich jak chociaż Chrome. Dodatkowo Safari błędnie interpretuje pogrubione czcionki, które bardzo często wydają się na niej rozmazane i nieczytelne. Kolejnym problemem jest interpretacja kodu responsywnej strony. Jeżeli w pliku CSS (stylach) umieścimy informację o zmianie względem szerokości w innej zostanie ona pominięta (zagnieżdżenie kodu). W efekcie obsłuży tylko nadrzędną podczas gdy inne przeglądarki doskonale sobie z tym radzą. Safari nie obsługuje też lub inaczej wyświetla wiele innych funkcji sprawiając, że praca na niej jest dość kłopotliwa.

Jak uniknąć problemów?

Istnieje kilka sposobów by poradzić sobie w takiej sytuacji. Pierwszym jest rezygnacja z niektórych opcji źle wyświetlających się elementów. Drugim jest nadpisanie stylów konkretnie dla tej przeglądarki.

Do nadpisania stylii można użyć haka

Spowoduje on, że zmiana zostanie zauważona jedynie w Safari.

W celu jego zastosowania wystarczy go umieścić przed nazwą klasy lub id np.

 

We wnętrzu wpisujemy zmienioną wartość zmiennej, która źle się wyświetla. Hak powinien występować pod zadeklarowaną klasą lub id.

Przeczytaj również

Właściwość CSS empty-cells Właściwość CSS empty-cells w dużym skrócie służy do ukrywanie niewypełnionych pól. Innymi słowy empty-cells informuje przeglądarkę o tym, że jeśli dan...
Właściwość CSS tab-size Właściwość CSS tab-size określa ilość spacji jakie zajmuje tabulator. W HTML znak tabulacji jest zwykle wyświetlany jako pojedynczy znak spacji, z wy...
Właściwości punktowanych list z CSS O tym jak w HTML stworzyć wypunktowaną listę pisałam już w jednym z wcześniejszych wpisów. Były to oczywiście proste punktowane lub numerowane listy t...
Dlaczego warto włączyć HTTPS dla strony internetow... Większość użytkowników internetu kojarzy HTTPS głównie jako fragment adresu www swojego banku. Czasami nie tyle z nazwy (bo niektóre przeglądarki chow...

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *