html/css intrebare despre redim automata elem grid/div

[MrAndrei]

Cum fac sa se redimensioneze automat elementele dintr-un grid atunci cand micsorez browserul. Exista vreo metoda fara functia @media?

[Maokai]

Ii dai la width in procente in loc de pixeli.

[IsTI37]

Pai daca ai un grid fluid se redimensioneaza automat, daca ai unul fix poti crea limite de dimensiuni si variante diferite ale site-ului cu @media pe viewport.

[MrAndrei]

Ii dai la width in procente in loc de pixeli.

auto, procente, fara, am incercat tot. Nu stiu de ce tot vad metoda asta la raspunsuri pe net, dar la mine nu functioneaza si nu sunt singurul.

IsTI37 din cate stiu gridul de aici e fluid. Dar nu se redimensioneaza vreo imagine automat. Nu inteleg ce naiba are nici gridul nu se mareste dupa conten-ul/imaginile din el. Singura dimensiune pusa este

Code: Select all

min-height: 80vh;

Ce naiba are de nu creste?, cand sterg dimensiunea ramane chiar foarte mic.

Si este posibil sa fac un 2 griduri unul langa altul sa aiba acceasi inaltime?

[Maokai]

http://jsfiddle.net/xwrvxser/1/

iar despre inaltime cauta "flexbox" pe google

[sound]

Code: Select all

min-height: 80vh;

Ce naiba are de nu creste?, cand sterg dimensiunea ramane chiar foarte mic.

nu-i pune min, pune-i max si pune-i si width si height 100%

[MrAndrei]

Eu vreau sa aibe minim marimea aia cand are un width >1000px, deci nu am de ce sa pun max. Am pus doar de dragul tau si nu merge nimic...il face mai mic si elementele imi ies din grid. width si height am pus si alea 100% si degeaba,nu afecteaza cu absolut nimic, nici la marimea maxima a browserului, nici cand ma joc cu el.

@Maokai nu inteleg ce e cu linkul ala. Am setarile alea la img si degeaba...

[zigweed]

Eu vreau sa aibe minim marimea aia cand are un width >1000px, deci nu am de ce sa pun max. Am pus doar de dragul tau si nu merge nimic...il face mai mic si elementele imi ies din grid. width si height am pus si alea 100% si degeaba,nu afecteaza cu absolut nimic, nici la marimea maxima a browserului, nici cand ma joc cu el.

@Maokai nu inteleg ce e cu linkul ala. Am setarile alea la img si degeaba...

Ai document html5 si viewport setat in fisierul tau ?
Vezi sa nu ai zoom dat in browser pentru ca o ia razna tot.

[MrAndrei]

Am rezolvat...am uitat sa precizez. In css-ul cu grid am uitat sa sterg un height de 200px si din cauza asta facea fite.
Multumesc mult tuturor.