Olen tässä koittanut miettiä, lukea CSS:n tekoa ja ihan olen kokeillutkin. En vain osaa. Enkä ole edes hyvä tässä lajissa.
Eli miten ihmeessä onnistuu sellaisen sivun leiskaaminen, että kaikki asiat ovat suhteellisia. 1% selaimen ikkunan korkeudesta menee reunarantuihin, sivupalkki on tekstin levyinen ja sivun sisällöllä on 2% ikkunan leveydestä marginaali ylhäällä ja alhaalla? Miten jos mahdollista siis tehdään sivustoa määrittelemättä ainoatakaan pikseliä yhdeksikään leveydeksi? Kellään mielessä hyvää pohjaa varastettavaksi asti?
Ongelma tulee esiin kun otan tuon sivun esille läppärin 1024x576 ja pöydällä 1200x1920 tai vaakassa. Sattuu silmiin kun kaikki on joko rullauksen takana tai klönttinä keskellä.
prosentit on ehkä huonoin yksikkö juuri tuollaiseen, sillä teknisesti sillä saa parhaiten skaalautuvan lopputuloksen, mutta silmään se näyttää huonolta melkeinpä missä koossa tahansa.
Katsopas siis vaikkapa tämmöinen, jos haluat eri kokoisille ikkunoille erilaisen ulkoasun (muuta selaimen kokoa, niin näet miten ulkoasu vaihtuu):
Kai ymmärrät, ettei webbisivun skaalautumisella ole mitään tekemistä näiden asioiden kanssa, mistä sinä tässä viestissäsi puhut?
P.S. Tuo Adapt.js on huono purkkaviritelmä css3:n media queryjen rinnalla.
Käytin vähän aikaa sitten Skeletonia skaalautuvan sivuston tekemiseen. Oikein pätevä. Suosittelen!
Löytyi http://unsemantic.com/ tuon adaptin tekijältä.
Sillä sain tuon mieliharmin katoamaan. Ei mikään tekninen taidepläjäys ollut, mutta onpi sivu hieman söpömpi ja ennen kaikkea luettavampi.
Aihe on jo aika vanha, joten et voi enää vastata siihen.