Skaalutuvuus-onkelma

Niin, autokin lähtee avaimella käyntiin. Mahtaiskos löytyä hiukan syvällisempää otetta joltakin?

Juuri tätä tarkoitin.

Saku kirjoitti:

Juuri tätä tarkoitin.

Sen voi tehdä css:llä ja javascriptillä esim. seuraavasti.

Tee ensin vaikka tiedosto 'resoluutio.js' jonka sisällä on näytön resoluution tarkistava javascripti. Koska 800x600 ja 1024x768 ovat yleisimmät näytön resoluutiot, tehdään esimerkisi valitsin näille kahdelle koolle. (Koska näytöt ovat nopeasti suurentuneet, voi sen tehdä varmaan jo tiheämmällekin resoluutiolle.)

Koodi:


Kuten koodista näet, joudut tekemään kaksi tyylitiedosto, joissa toisessa teksti on suurempaa ja toisessa pienempää 'teksti_suuri.css' ja 'teksti_pieni.css'

Nyt linkität tämän ulkoisen javascript-tyylitiedosto-valitsimen jokaisen HTML-sivusi HEAD-osioon. Jos käytät kehyksiä, tätä ei tarvita aloitus index.html-sivulla.

Koodi:


Tämä tähän mennessä valitsee siis näytön resoluution mukaan kahta erilaista tekstikokoa (jotka sitten määrittelet tuohon css-tiedostoon). Jos haluat, että sivuilla olevat kuvatkin näkyisivät suhteessa samalaiselta eri resoluutioilla, joudut tekemään samasta kuvasta tässä esimerkissä kaksi eri kokoista kuvaa ja tekemään vastaavaan kohtaan sivua javascriptillä kuvavalitsimen.

Esim:




Ja siltä varalta, että jossain seilmessa ei ole javascript-tuki päällä:



Tästä tuli vähän pitkä tarina. Toivottavasti osasin selittää ymmärrettävästi. Olen tällä systeemillä tehnyt yhdet sivut, joita voit käydä katsomassa ja lisätietoa "vakoilemassa" osoitteessa
http://www.evl.fi/srk/karttula/

sivut näkyvät kirjoitti:

Sen voi tehdä css:llä ja javascriptillä esim. seuraavasti.

Tee ensin vaikka tiedosto 'resoluutio.js' jonka sisällä on näytön resoluution tarkistava javascripti. Koska 800x600 ja 1024x768 ovat yleisimmät näytön resoluutiot, tehdään esimerkisi valitsin näille kahdelle koolle. (Koska näytöt ovat nopeasti suurentuneet, voi sen tehdä varmaan jo tiheämmällekin resoluutiolle.)

Koodi:


Kuten koodista näet, joudut tekemään kaksi tyylitiedosto, joissa toisessa teksti on suurempaa ja toisessa pienempää 'teksti_suuri.css' ja 'teksti_pieni.css'

Nyt linkität tämän ulkoisen javascript-tyylitiedosto-valitsimen jokaisen HTML-sivusi HEAD-osioon. Jos käytät kehyksiä, tätä ei tarvita aloitus index.html-sivulla.

Koodi:


Tämä tähän mennessä valitsee siis näytön resoluution mukaan kahta erilaista tekstikokoa (jotka sitten määrittelet tuohon css-tiedostoon). Jos haluat, että sivuilla olevat kuvatkin näkyisivät suhteessa samalaiselta eri resoluutioilla, joudut tekemään samasta kuvasta tässä esimerkissä kaksi eri kokoista kuvaa ja tekemään vastaavaan kohtaan sivua javascriptillä kuvavalitsimen.

Esim:




Ja siltä varalta, että jossain seilmessa ei ole javascript-tuki päällä:



Tästä tuli vähän pitkä tarina. Toivottavasti osasin selittää ymmärrettävästi. Olen tällä systeemillä tehnyt yhdet sivut, joita voit käydä katsomassa ja lisätietoa "vakoilemassa" osoitteessa
http://www.evl.fi/srk/karttula/

teenpä näin, paljon kiitoksia!