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?
Sivujen skaalautuvuus
Tuulia_Tee
3
1025
Vastaukset
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
Ja taas ammuttu kokkolassa
Kokkolaisilta pitäisi kerätä pois kaikki ampumaset, keittiöveitset ja kaikki mikä vähänkään paukku ja on terävä.303481Kukka ampu taas Kokkolassa?
T. olisi hetkeä aiemmin lähtenyt johonkin. Naapuri kai tekijä J.K., ei paljasjalkainen Kokkolalainen, vaan n. 100km pääs91538Kuinka kauan
Olet ollut kaivattuusi ihastunut/rakastunut? Tajusitko tunteesi heti, vai syventyivätkö ne hitaasti?1131473Milli-helenalla ongelmia
Suomen virkavallan kanssa. Eipä ole ihme kun on etsintäkuullutettu jenkkilässäkin. Vähiin käy oleskelupaikat virottarell2241255Kun näen sinut
tulen iloiseksi. Tuskin uskallan katsoa sinua, herätät minussa niin paljon tunteita. En tunne sinua hyvin, mutta jotain34893Purra saksii taas. Hän on mielipuuhassaan.
Nyt hän leikkaa hyvinvointialueiltamme kymmeniä miljoonia. Sotea romutetaan tylysti. Terveydenhoitoamme kurjistetaan. ht242883- 60869
Helena Koivu on äiti
Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.130858Ja taas kerran hallinto-oikeus että pieleen meni
Hallinto-oikeus kumosi kunnanhallituksen päätöksen vuokratalojen pääomituksesta. https://sysmad10.oncloudos.com/cgi/DREQ66844Löydänköhän koskaan
Sunlaista herkkää tunteellista joka jumaloi mua. Tuskin. Siksi harmittaa että asiat meni näin 🥲97808