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

Połączenie dwóch zdjęć w jedno CSS RWD

Aruba Cloud - Virtual Private Server VPS
0 głosów
405 wizyt
pytanie zadane 10 lutego 2017 w HTML i CSS przez niezalogowany

Hej, mam problem z połączeniem dwóch zdjęć w jedno za pomocą CSS i background: url();

Dla przykładu wrzucę tutaj dwa ZDJĘCIA z pliku psd połączone ze sobą za pomocą CSS tworząc całą stronę.

Gdy zaczniecie ruszać szerokością to w pewnym momencie wszystko wygląda ładnie a gdy proporcje wyświetlania będą większe niż 2:1 (width : height) to w miejscu gdzie jest drugi fotel wszystko się rozjeżdża.

kod: https://codepen.io/anon/pen/LxXLBM

liveview: https://htmlpreview.github.io/?https://github.com/emancypage/zdjecia2/blob/master/index.html

Chodzi mi o to, jak połączyć te dwa zdjęcia, aby pierwsze zawsze miało 100vh gdy użytkownik jest na samej górze strony, a drugie było idealnie złączone z tym pierwszym, niezależnie od szerokości i wysokości ekranu.

komentarz 11 lutego 2017 przez niezalogowany
dobra, widzę, że nikt nie podejmuje rękawicy. Może źle wytłumaczyłem o co mi chodzi.

Ogólnie poradziłem sobie stosując @media (min-aspect-ratio: width/height) w ten sposób, że gdy psują mi się zdjęcia, nadaję im wysokość już na sztywno i tyle.

To tak jakby ktoś miał podobny problem.

Pozdro

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
1 odpowiedź 142 wizyt
pytanie zadane 4 maja 2016 w HTML i CSS przez Nicolaus Dyskutant (9,740 p.)
+1 głos
1 odpowiedź 382 wizyt
pytanie zadane 28 września 2022 w HTML i CSS przez Mateusz567 Nowicjusz (230 p.)
+1 głos
0 odpowiedzi 105 wizyt

93,329 zapytań

142,323 odpowiedzi

322,400 komentarzy

62,662 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

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...