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

Dopasowanie rozmiaru obrazka bez względu na rozmiar urządzenia

Object Storage Arubacloud
0 głosów
3,225 wizyt
pytanie zadane 1 stycznia 2018 w HTML i CSS przez ThePatrykOOO Dyskutant (8,400 p.)
Witam, robię do strony mobilnej tło i mam lekki problem z poprawnym wyświetleniem. Załóżmy że obrazek ma 300x600 i chcę go wyświetlić cały bez żadnych przycięć, a także żeby nie zostawało puste białe miejsce. Jakich styli CSS powinienem użyć

2 odpowiedzi

0 głosów
odpowiedź 1 stycznia 2018 przez mtk3d Nałogowiec (46,690 p.)
Nie da się osiągnąć tego co napisałeś, bo brak przycięć + brak białych pól, wyklucza się.

Możesz użyć "background-size: cover; background-position: center;", ale nie wiem, czy to jest to co chcesz osiągnąć.
0 głosów
odpowiedź 2 stycznia 2018 przez Schizohatter Nałogowiec (39,600 p.)

Obrazek wypełniający rodzica, nieprzycięty, z rozwalonym skalowaniem:

width: 100%; height: 100%;

Obrazek wypełniający rodzica, wyśrodkowany i przycięty, z poprawnym skalowaniem:

width: 100%; height: 100%; object-fit: cover;

 

Pamiętaj, że aby można było ustawić height procentowy, rodzic również musi mieć height zdefiniowany. W innym przypadku możesz zastosować zamiast 100% po prostu jednostki: vw oraz vh.

Podobne pytania

0 głosów
4 odpowiedzi 245 wizyt
pytanie zadane 17 maja 2017 w C i C++ przez niezalogowany
0 głosów
3 odpowiedzi 1,704 wizyt
pytanie zadane 11 lutego 2020 w HTML i CSS przez Loveuso Nowicjusz (190 p.)
+1 głos
4 odpowiedzi 51,309 wizyt
pytanie zadane 8 lutego 2017 w HTML i CSS przez husarbilu Początkujący (370 p.)

92,759 zapytań

141,682 odpowiedzi

320,457 komentarzy

62,104 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.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...