Desktop böngészőn auto scale!?
Sziasztok!
Keresek egy egyszerűbb megoldást, arra hogy egy fix méretű weblapot, hasonlóan mint a mobiloknál a viewport beállítással ellehet érni.
Azaz automatikusan be állítja a méreteket.
Ezt eddig JS -el oldottam meg a linken hasonló módon.
De szerintem van erre egyszerűbb megoldás is a modern böngésző technikákat felhasználva.
Üdv.
válasza:Ja meg van! A kisebbik scale-t veszi alapul, hogy ne lógjon ki a cucc semerre a képernyőből.
Azért van a scale számításánál a Math.min hívás.
Hiába húzod a szélességét, ha a magassága nem nő annyit.
Két workaround:
a) Math.min helyett Math.max
Ezesetben a nagyobbik scale-t fogja használni, így kilóghat a motyó a képről
b) Mindkét irányba arányos scale-t használsz. Így viszont valószínűleg torzulni fog a content
A JSFiddle esetén kissé nehéz ezt lemodellezni, mert a függőleges méretezést elcseszi.
válasza:Banyek, összekutyultam a linkeket. Szóval a 4-es és az 5-ös lett volna a példa.
Megyek inkább haza a 'csába, úgy tűnik elfáradtam mára...
válasza:Amit te keresel az a viewport-size.
Egyébként resize event már létezik, nem kell újra feltalálni a spanyolviaszt.
válasza:AFAIK a resize eventtel nem tudod átméretezni az elemet.
Ez a viewportos mértékegység egész érdekes mutatvány. Ha Tibornak nem kell IE9-et támogatnia, akkor tökéletes is lesz.
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!