Złe wyświetlanie strony w różnych przeglądarkach

Witam,

używam Wordpressa. Dlaczego w innych przeglądarkach, przede wszystkim w starszych wersjach strona źle się wyświetla?


Na najnowszych przeglądarkach (Chrome, Mozilla, Opera) strona poprawnie się wyświetla.


Slider obejmuje cały ekran - JEST OK!

Natomiast w MacBook Air z Sierra:


Jak widać na dołączonym screenie, slider nie wyświetla się na całym ekranie. Jest blok tekstowy "Opis portfolio", który nie powinien się wyświetlać po wejściu na stronę główną.

Nie pomogło wyczyszczenie pamięci podręcznej i cache.

Strony poprawnie się wyświetlają tylko na najnowszych przeglądarkach (Chrome, Opera, Mozilla).

Dlaczego tak się dzieje?

Hej,

zmień nazwy grafik tak by nie miały polskich znaków, wtedy wszystkie fotki będą wyświetlały się poprawnie.

Powodzenia

O matko! Jesteś genialny!!! Dziękuję.

Pozostała jeszcze kwestia wyświetlania całej fotografii w sliderze. Zdarza się, że w niektórych przeglądarkach pokazuje slider + napis "Opis portfolio". Problem dokładnie opisałem w pierwszym poście wraz z screenami.

Chciałbym, żeby na całym ekranie zawsze się wyświetlał cały slider + pasek menu, jak wchodzimy na stronę główną.

Oczywiście ustawiłem:

Kod: Zaznacz cały

.metaslider .slides img {
   height: 100vh;
   object-fit: cover;
}

Poczytałem, że trzeba chyba nadać osobne style dla przeglądarek. Jakieś prefiksy: -webkit – dotyczy przeglądarek Google Chrome, Safari, Opera. Szczerze mówiąc, nie wiem jak do tego się zabrać.

Chodzi o coś takiego:
-webkit-height: _tu samemu ustawić wartość_; ??

Mogę liczyć na wskazówkę?

Raczej o prefixy tutaj nie chodzi. Atrybut height w jednostkach vh każda przegladarka ogarnia. Spróbuj zamienić object-fit na background-size ew. To height:100vh na 100%.

Co do prefiksow to istnieją 4
-webkit-
-moz-
-ms-
-o-

Najczesciej używa się to do zabezpieczenia się np przy opacity żeby działało na starszych przegladarkach (które to obsługują) . Czyli używasz to tak:
-webkit-opacity: 1;
-moz-opacity: 1;
-ms-opacity: 1;
-o-opacity: 1;
opacity: 1;