Krótkie pytania o background-image

Question

Cześć,

mam takie krótkie pytanko, a mianowicie jak zrobić żeby obraz (tło) się nie rozciągał po daniu mu width:100% i height:100%? Chcę żeby zamiast się rozciągać kadrował swoją zawartość dopasowując do szerokości i długości ekranu. Wie ktoś może jak takie coś zrobić?
Dziękuję za wszelką pomoc!

Pozdrawiam!

Comments

object-fit: contain; tez moze byc pomocne

Answer 1

spróbuj 

  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

Link również : https://stackoverflow.com/questions/11757537/css-image-size-how-to-fill-but-not-stretch
Jest też atrybut fit-cover, ale nie do końca jestem pewny jak z jego stosowaniem 
https://www.w3schools.com/css/css3_object-fit.asp

Comments

Dzięki!

---

background-position: center center;