[css] proporcjonalna zmiana wielkości diva

Question

Tak, jak w temacie. Jaki jest najlepszy sposób, żeby rozmiar elementu blokowego zmieniał się dynamicznie wraz ze zmianą okna przeglądarki? Interesuje mnie mniej więcej taki efekt, jaki w przypadku tła daje [i]background-size: cover;[/i] Oczywiście można nadać procentowe wartości + bawić się z @media, ale nie zawsze efekt jest satysfakcjonujący.

Answer 1

width i height w procentach, a nie w pikselach.

Comments

To jest najbardziej oczywiste, ale nie najlepsze rozwiązanie. Jeżeli zmniejszam szerokość ekranu, a nie ruszam wysokości, to div nie zmniejszy się proporcjonalnie, tylko z prostokątu zrobi mi się kwadrat.

---

Ale jak masz dużo treści w divie to i tak będzie się stawał coraz wyższy w miarę zmniejszania szerokości ekranu - proporcje nie mogą być zachowane wtedy.

---

Jeżeli zmniejszam szerokość ekranu, a nie ruszam wysokości, to div nie zmniejszy się proporcjonalnie, tylko z prostokątu zrobi mi się kwadrat.

Da się to zrobić za pomocą paddingu albo vw/vh. Prosty przykład: https://jsfiddle.net/j2xvtpb1/