Pełna rozdzielczość slidera

Question

Witam,

jak uzyskać pełną rozdzielczość slidera?

Między sliderem a paskiem menu jest sporo wolnego miejsca. Chciałbym, żeby slider wypełniał cały ekran.

Answer 1

U mnie nie ma wolnego miejsca a slider zajmuje całą przestrze

Comments

@Greeenone 

Przetestowałem. Najlepszym trybem wyświetlania obrazków będzie contain. Tylko znów podobna sytuacja, między sliderem a paskiem menu jest sporo wolnego miejsca.

Kod:

@media only screen and (max-width: 767px) {
	ul.slides img {
		width: 100vw;
    	object-fit: contain;
		height: 100vh;
	}
}

---

Pojawia się białe miejsce ponieważ obrazek jest rozciągany proporcjonalnie bez przycinania. Tzn po dotknięciu górnej lub dolnej krawędzi

 

contain

Skaluje obrazek do jak największych rozmiarów, bez jego rozciągania czy przycinania.

---

@Greeenone 

O kurczę. Dziękuję za wyjaśnienie.

Co byś mi doradził? Jak ustawię wartość cover, to brzydko wygląda.

---

Cover tu będzie jedynym rozwiązaniem. Problem polega na tym, że inny tryby albo rozciągają albo nie przycinają :/

---

No właśnie :(

Ok dziękuję za chęć pomocy :)