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

Bootstrap, pełny rozmiar zdjęcia + responsywność

VPS Starter Arubacloud
0 głosów
1,267 wizyt
pytanie zadane 14 lutego 2017 w HTML i CSS przez Boshi VIP (100,240 p.)
edycja 14 lutego 2017 przez Boshi
Jak w bootstrapie ustawić aby zdjęcie było skalowane w każdym rozmiarze? mam  sekcję header do której ładuję owe zdjęcie 1500x850. Jak nie ustawię background-size:100% to zdjęcie jest obcięte przy pełnym ekranie i nie skaluje się w ogóle przy zmniejszaniu, a jeżeli ustawię to przy mniejszym ekranie, pod zdjęciem robi się przerwa z pustym polem.. ale zdjecie sie wtedy skaluje.. siedze nad tym już kilka godzin i nic..

potrzebuje dokładnie tak jak tutaj jest zrobione

http://harbourthemes.com/html/fitup/

z inspektora nie mogę tego przewzorować na swój projekt.,

 

edit

ustawiłem

background-size: 100% 100%;

ale teraz znowu efekt po zmniejszeniu

https://gyazo.com/cb721105218fdce01dd4deb13a194ebc

tak jak by zostało ściśnięte.

2 odpowiedzi

0 głosów
odpowiedź 14 lutego 2017 przez hightower Nowicjusz (140 p.)
sprawdzałeć background cover ?
komentarz 14 lutego 2017 przez Boshi VIP (100,240 p.)
Tak, wtedy brak responsywności. Reszta działa.
komentarz 14 lutego 2017 przez hightower Nowicjusz (140 p.)
spróbuj firebug pod ff bo tam pewnie mogą być różne opcje w zależności od wielkości ekranu dla tego tła.
0 głosów
odpowiedź 14 lutego 2017 przez radek024 Szeryf (77,160 p.)

DevTips nagrał kiedyś jak to zrobić:

https://www.youtube.com/watch?v=hExwnLlj2xk

Podobne pytania

0 głosów
0 odpowiedzi 139 wizyt
–1 głos
1 odpowiedź 893 wizyt
pytanie zadane 23 stycznia 2018 w HTML i CSS przez Damian Prymus Początkujący (380 p.)
0 głosów
2 odpowiedzi 2,142 wizyt

92,833 zapytań

141,778 odpowiedzi

320,826 komentarzy

62,164 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!

...