• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Problem z dopasowaniem rozdzielczości slidera

0 głosów
126 wizyt
pytanie zadane 4 kwietnia 2018 w HTML i CSS przez saszaw90 Początkujący (330 p.)
edycja 5 kwietnia 2018 przez saszaw90
Witam,

mam problem z dopasowaniem rozdzielczości slidera na Wordpressie. Chciałbym, żeby automatycznie się skalował.

2 odpowiedzi

0 głosów
odpowiedź 4 kwietnia 2018 przez Wujek Greg Dyskutant (9,310 p.)
wybrane 12 kwietnia 2018 przez saszaw90
 
Najlepsza

Taka sytuacja występuje ponieważ Twoje zdjęcie próbuje dopasować się szerokością do szerokości okna przeglądarki (width:100%, oraz height:auto). Sprawia to że zdjęcie zawsze wyświetlane jest w całości w oryginalnych proporcjach. Niestety rozwiązanie takie skutkuje tym, że zdjęcie przestaje obejmować obszar jaki chcemy. Rozwiązanie na szybko, proponowałbym usunąć wpis:

.flexslider .slides img {
  height:auto;
}

a wpis

.metaslider .slides img {
    height: calc(100vh - 50px);
}

zamienić na

.metaslider .slides img {
    height: 100vh;
}

 

komentarz 4 kwietnia 2018 przez saszaw90 Początkujący (330 p.)
edycja 9 kwietnia 2018 przez saszaw90
Dziękuję za pomoc
0 głosów
odpowiedź 4 kwietnia 2018 przez pablop76 Szeryf (96,690 p.)

Podobne pytania

0 głosów
1 odpowiedź 90 wizyt
pytanie zadane 14 sierpnia 2016 w HTML i CSS przez alus152 Bywalec (2,700 p.)
0 głosów
1 odpowiedź 682 wizyt
pytanie zadane 9 lipca 2015 w HTML i CSS przez Adam Jakś Dyskutant (9,050 p.)
Porady nie od parady
Zadając pytanie postaraj się o szczegółowe opisanie problemu oraz udostępnienie wszystkich istotnych informacji (kody źródłowe, zrzuty ekranu itp.).Opisanie problemu

65,755 zapytań

112,393 odpowiedzi

237,318 komentarzy

46,700 pasjonatów

Przeglądających: 122
Pasjonatów: 0 Gości: 122

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...