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

Krótkie pytania o background-image

VMware Cloud PRO - przenieś swoją infrastrukturę IT do chmury
+1 głos
436 wizyt
pytanie zadane 29 maja 2021 w HTML i CSS przez bazyl8796 Obywatel (1,020 p.)
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!
komentarz 30 maja 2021 przez uszk Użytkownik (630 p.)
object-fit: contain; tez moze byc pomocne

1 odpowiedź

+2 głosów
odpowiedź 29 maja 2021 przez Wiciorny Ekspert (281,310 p.)
wybrane 29 maja 2021 przez bazyl8796
 
Najlepsza

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

1
komentarz 29 maja 2021 przez bazyl8796 Obywatel (1,020 p.)
Dzięki!
komentarz 30 maja 2021 przez VBService Ekspert (256,600 p.)

wink

background-position: center center;

 

Podobne pytania

0 głosów
0 odpowiedzi 950 wizyt
pytanie zadane 3 września 2022 w HTML i CSS przez kingkushlee Gaduła (3,960 p.)
+1 głos
1 odpowiedź 653 wizyt
pytanie zadane 7 czerwca 2021 w HTML i CSS przez Nearr Obywatel (1,890 p.)
0 głosów
2 odpowiedzi 628 wizyt
pytanie zadane 14 kwietnia 2021 w HTML i CSS przez Kubs Mądrala (5,190 p.)

93,443 zapytań

142,434 odpowiedzi

322,691 komentarzy

62,805 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

...