Tekstikoko/skaalautuvuus

CSS coder

Miten parhaiten toteuttaisi sen, että tekstikoon suurentuessa (siis jos selaimen oletustekstikoon asettaa isommaksi) sivuston tekstikenttä (jossa teksti on) venyy sisällön mukaan?
Nyt kun olen määrittänyt kentän (jossa teksti on) korkeudeksi 700px, ok, kun suurennan tekstikokoa, se teksti ylivuotaa kentästä.

Vaihtoehtoisesti, millä koodilla voisin asettaa nettisivuni tekstikoon siten, että se näkyy aina samassa koossa (esim Arial 12px), eli vaikka selaimen oletustekstikoon laittaisi 20px:ksi , silti kun menee sivulleni, teksti näkyy asetettuna 12px:na?

2

616

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • "Vaihtoehtoisesti, millä koodilla voisin asettaa nettisivuni tekstikoon siten, että se näkyy aina samassa koossa (esim Arial 12px), eli vaikka selaimen oletustekstikoon laittaisi 20px:ksi , silti kun menee sivulleni, teksti näkyy asetettuna 12px:na?"

      Ei mitenkään, se kun selaimesta kiinni ja ihan älytöntä se olisi muutenkin kun ihmisten näkökyvyssä on eroja, samoin laitteissa millä sivuja katsotaan. Ihan ensitöiksi unohda ne pikselimitat suunnilleen joka paikasta ja käytä em -yksikköä, eli m -kirjaimen leveyden mukaan suhteutettua ulkoasua. Ratkaisee suurimman osan ongelmista, paitsi jotain mainosbannereita ja joitakin kuvia voi joutua määrittämään pikselimitoilla. Leipäteksti sillä koolla minkä käyttäjä on selaimeensa laittanut, ettei tarvitse sitten siristellä ja säädellä isommaksi kun menee tällä sivulle.

      • CSS-guru

        Tokihan voi asettaa CSS:ssä
        * { font-size: 12px Arial !important; }
        Tätä voi suositella erityisesti kilpailijoilleen, vihamiehilleen jne. Sivujen katsoja voi toki silti ohittaa moisen asetuksen, kun vain tietää miten, mutta nekään, jotka osaavat, eivät yleensä viitsi vaan menevät muille sivuille.

        Korkeuden voi asettaa em-yksikköä käyttäen, esimerkiksi height: 30em. Tämä yksikkö tarkoittaa fontin kokoa eli fontin korkeutta, eikä sillä ole mitään tekemistä m-kirjaimen leveyden kanssa. (Asia on helppo tarkistaa tekemällä em-yksikön levyinen laatikko CSS:llä ja laittamalla sen sisälle m-kirjaimen.)

        Mutta miksi ihmeessä asetettaisiin "kentän" korkeus? Levyden tai maksimileveyden asettamisessa on ideaa, mutta miksi korkeus? Senhän pitäisi määräytyä tekstin määrän mukaan. Miksi leikattaisiin siitä osa pois tai väkisin jätettäisiin tyhjää loppuun? Tulee ihan mieleen tarun Prokrustes, joka leikkasi tai venytti ihmiset samanmittaisiksi...


    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Voiko normaali ihminen ryhtyä vasemmistolaiseksi?

      Tätä jäin pohdiskelemaan.
      Maailman menoa
      202
      4238
    2. SDP haluaa 40 000 nettomaahanmuuttajaa

      SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah
      Maailman menoa
      146
      3778
    3. Orpo: Velkajarrua vastustavaa puoluetta vaikea ajatella hallitukseen

      No Minja Koskelan kommunistipuolue jäi ulos tuosta. Kaikki eduskuntapuolueet vasemmistoliittoa lukuun ottamatta sopivat
      Maailman menoa
      127
      3217
    4. Hienoa! Eduskunta luopui käteisen käytöstä

      Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.
      Maailman menoa
      43
      1599
    5. Ikävä sinua mies

      Vuosia kuluu, mutta tunteet ei ole hävinnyt. Tasoittuneet toki, kun ei olla nähty. Järki palannut päähän kuitenkin. Se i
      Ikävä
      19
      1468
    6. Mikä tämä henkilö mahtaa touhuta Parkanossa

      Kamalaa https://www.ylasatakunta.fi/teksti/pirkanmaan-karajaoikeus-vangitsi-koiran-tappamisesta-epaillyn-6.68.127794.b58
      Parkano
      34
      1410
    7. Sulla on avaimet ja keinot

      Jos haluat jatkaa tutustumista. Itse olen niin jäässä etten pysty tekemään enää mitään. Pidempi keppi johon on helpompi
      Ikävä
      25
      1375
    8. Orpo loukkaantui fasismiin viittaavasta sanavalinnasta

      Mutta miksi loukkaantui? Orpohan on tehnyt yhteistyötä fasistien kanssa jo vuonna 2019, siis jo neljä vuotta ennen loukk
      Maailman menoa
      27
      1351
    9. Kiinnostaa - ei kiinnosta - kiinnostaapas

      Selittäkää hämmentyneelle miksi miehiä ei ikinä kiinnosta silloin, kun sitä olisi itsekin kiinnostunut? Sitten kun siirt
      Sinkut
      116
      1140
    10. Martina haluaa Marbellaan

      Martinan tekisi mieli ottaa lennot Marbellaan, jossa näkisisi kauniita ja hyväntuulisia ihmisiä. No sitten pitää matkust
      Kotimaiset julkkisjuorut
      215
      1063
    Aihe