[HTML][CSS]3x div z img w jednej linii, cała szer. ekranu, Jak zrobić? Opcje

[dzinsy123]

Witam,

wiem, że można to zrobić kilkoma sposobami, nawet niektórymi ładnie to wygląda, ale chcę zapytać jak najlepiej to zrobić:

- chcę mieć 3 divy na stronie w 1 linii
- wszystkie 3 muszą zajmować łącznie całą szerokość strony (każdy tej samej szerokości)
- każdy będzie miał w tle background-image (tych samych wymiarów), a w treści jakiś tekst
- cały box musi być poprawny składniowo html5 css3
- blok musi być responsywny tj. obrazki w zależności od wymiarów mają się zmniejszać (zawartość też)

dzięki

PS - tak znalazłem różne rozwiązania, ale albo są nie-responsywne, albo dziwne składniowo

[trueblue]

tzm,
nie może być max-width i max-height 100%, bo przy małych rozmiarach własnych, zdjęcia nie dopasują się do bloków.

[tzm]

tzm,
nie może być max-width i max-height 100%, bo przy małych rozmiarach własnych, zdjęcia nie dopasują się do bloków.

poczytaj w internetach jak sie skaluje img zeby zawsze byly proporcjonalne albo powiedz instagramowi ze robia cos nie zgodnie ze sztuka. od nich sie nauczylem tego skalowania.