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

560

    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. Ilouutinen! Anniina Valtonen heitti jymy-yllätyksen - Tämä ei jätä kylmäksi!

      Ohhoh, tämäpä ylläri! Anniina Valtonen sai puolisonsa kanssa lapsen viime vuoden lopulla. Lue lisää: https://www.suomi2
      Suomalaiset julkkikset
      29
      2095
    2. Ootko muuten vieläkään hiffannut

      Että en kuulu sinun maailmaasi? On meissä samaa, ja samaa aaltopituutta oli, mutta tunsin oloni usein hyvin vaivautuneek
      Ikävä
      173
      1508
    3. Miten nyt sanoisin

      tämän sinulle. Oletko mielessäni päivittäin, kysyin itseltäni ja vastaus oli, kyllä olet. Yllätyin, päädyin oudoille tei
      Ikävä
      88
      1465
    4. Mistä vuodesta

      lähtien olet ikävöinyt kaivattuasi?
      Ikävä
      108
      1199
    5. Susta on tullut

      Ihana nainen. ❤️
      Ikävä
      52
      1169
    6. Tämä ei voi jatkua

      Näin. Eilisen jälkeen tulin siihen tulokseen.
      Ikävä
      55
      904
    7. Voitko vain unohtaa

      Minut. En ole sinun arvoisesi
      Ikävä
      59
      870
    8. Mitkä oli suurimmat

      Syyt mihin hänessä ihastuit alussa ja pikkuhiljaa tunteiden edetessä
      Ikävä
      38
      785
    9. Tällä kertaa Marinia kadehtii Minäminä Päivärinta

      Kokoomuksen tyhjäntoimittelija itkeä tuhertaa, kun kansainvälinen superstaramme ei leiki hänen kanssaan. Oikean puoluee
      Maailman menoa
      279
      743
    10. Oletko mustasukkainen luonne?

      Tai ylipäätään millaisia tunteita herättää, jos kaivattuasi liehittelee joku muu tai hän deittailee jonkun muun kanssa?
      Ikävä
      80
      695
    Aihe