Teen nettisivut Notepadilla ja käytän paljon css:ssä position: absolute -menetelmää eri elementtien sijoituksessa. Nyt huomasin, että sivut näkyvät vanhalla koneella katsottuna yllisuurilta eli joutuu scrollaamaan sekä sivuttais- että pystysuunnassa. Mitä css-koodiin täytyisi laittaa, että sivut skaalautuvat joka näytölle sopiviksi?
Vastaukset 3
1. Valitse mittayksiköksi "em". Unohda pikselimitat. Silloin kaikki säätyy fonttikoon mukaan kuten käyttäjä on halunnut. 1em on suunnilleen m-kirjaimen leveys. Poikkeustilanteissa käytetään myös prosentteja.
2. Älä vaihda leipätekstin fontin kokoa. Suhteuta otsikot yms. leipätekstiin.
3. Sivut toimii paremmin mitä kapeammaksi ne pystyy taipumaan. Huomioi tämä heti sivuston suunnittelun alussa, että pyrit välttämään ylimääräisiä palstoja yms. Pyri siis tekemään mahdollisimman kapeita sivuja, älä ruudulle sopivia, koska näyttölaitteissa on eroja.
4. Suunnittele sivusto niin, että kaikki sopii vielä korkeintaan 52em leveyteen jos ei ole pystyscrolleja. Jos tavaraa on sivulla enemmän niin suunnittele niin, että 50em leveyden pitää vielä toimia. Sen mukaan mitoitat kokoja ettet tee liian isoa.
5. Kuten varmaan keksit niin width: ?em; ja height: ?em; on ne mitä käytät paljon, sekä määrittet objekteja kellumaan (float) niin taitto muotoutuu automaattisesti niiden osalta. Tämän lisäksi sitten on min-width: ?em; max-width: ?em; Leipätekstille määrität aina max-width: 50em; ettei veny liian leveäksi.- Tuulia_Tee
Näistä on jo paljon apua!
- The CSS
Jos nimenomaan haluat tehdä eri näytöille ja resolutioille skaalautuvan sivun, käytä taulukoiden, solujen, div:ien ymv. leveyden määrittämiseen prosentteja, ei px:ä eikä em:ä.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Haluatko että unohdan sinut kokonaan
Siihen suuntaan ollaan menossa, nyt jo. Ja ehkä parempi näin, niin ei kulu energiaa hukkaan mahdottomuuteen. Ja vaikka j761069- 42784
Pisa-tulokset.....
Tuoreen tutkimuksen mukaan suomalaisten osaaminen on edelleen OECD-maiden keskitasoa parempaa. Kantaväestön oppilaiden218648Meinasi nainen mennä pasmat sekaisin
Rupesin vapisemaan, kun huomasin sinut. Mutta sain sentään juuri ja juuri koottua itseni, etten ihan häpäissyt itseäni.34492- 23468
- 37433
Uskaltaisitko ihana nuorempi nainen lähettää
WhatsApp -viestiä, jos sulla on mun numero. Olisin ihan haltioitunut... Tykkään ja kaipaan ❤️❤️70425Ihan pikku vinkki
Kannattaa tallentaa kaikki mitä sen naisen kanssa puhuu ettei tule hankaluuksia myöhemmin52409Haapaveden upea kurvikuningatar
No nyt on kyllä mahtava uutinen että Haapaveden rohkea ja toimelias nainen ja yrittäjä on päässyt finaaliin kurvikuninga44399- 18393