#frontend Jak zrobić tak, aby div np. o maksymalnej wysokości 400px i kontenerze 1000px zmniejszał się gdy użytkownik będzie zmniejszał okno od 1000px w dół? Czyli na 1000px jest 400px, ale mniej niż 1000px to wysokość proporcjonalnie się zmniejsza.
@NickciN: a tak w ogole to mozna bez mediaquery załatwić to flexboxem ale to wszystko zależy gdzie ten div jest osadzony. Jak dasz odpowiednie marginy/paddingi i flex grow/shrink to powinien się dopasowywać do szerokości
@CanoNee: @RolnikSamWdolinie: tylko, że jak będę używał media to będą przeskoki i trzeba to wszystko deklarować że np. na 900px szerokości, wysokość to 350px na 800px szerokości, wysokość to 300px Nie da się jakoś to zrobić automatycznie i proporcjonalnie?
@RolnikSamWdolinie: on się dopasowuje do szerokości. Chodzi o to, że gdy szerokość jest mniejsza niż 1000px to wysokość ma maleć. Szerokość się zmniejsza ze zmiana responsywności, chodzi o wysokość
@RolnikSamWdolinie: spróbuj użyć jako max-heigth: 10vw jako 10 dopasuj sobie liczbe. vw to jednostka szerokości okna. Ewentualnie możesz dostosować tą wysokość używając calc(10vw - 200px) -> wartości z dupy
@RolnikSamWdolinie: dziękuje, przydało się. Nie chce zakładać nowego tematu, więc tutaj zawołam. Przepraszam jeśli ci to przeszkadza. Jeśli pobieram zapisane dane z LocalStorage one przychodza jako typ String? Czy typ JSON i muszę to przekonwertować na string?
@NickciN: tak to string. Może on być JSONem jezeli przy setItem jako data dasz JSON.stringify(). Jak wrzucisz poprostu obiekt to bedzie lipa. Zobacz sobie w devtoolsach co tam jest. W chromie zakładka application > localStorage
Jak zrobić tak, aby div np. o maksymalnej wysokości 400px i kontenerze 1000px zmniejszał się gdy użytkownik będzie zmniejszał okno od 1000px w dół? Czyli na 1000px jest 400px, ale mniej niż 1000px to wysokość proporcjonalnie się zmniejsza.
na 900px szerokości, wysokość to 350px
na 800px szerokości, wysokość to 300px
Nie da się jakoś to zrobić automatycznie i proporcjonalnie?
@NickciN:
jako 10 dopasuj sobie liczbe. vw to jednostka szerokości okna. Ewentualnie możesz dostosować tą wysokość używając calc(10vw - 200px) -> wartości z dupy
A css
.test {
width: 100%;