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

593

    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. 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ä.
      Kokkola
      30
      3521
    2. Kukka ampu taas Kokkolassa?

      T. olisi hetkeä aiemmin lähtenyt johonkin. Naapuri kai tekijä J.K., ei paljasjalkainen Kokkolalainen, vaan n. 100km pääs
      Kokkola
      9
      1578
    3. Kuinka kauan

      Olet ollut kaivattuusi ihastunut/rakastunut? Tajusitko tunteesi heti, vai syventyivätkö ne hitaasti?
      Ikävä
      113
      1483
    4. Milli-helenalla ongelmia

      Suomen virkavallan kanssa. Eipä ole ihme kun on etsintäkuullutettu jenkkilässäkin. Vähiin käy oleskelupaikat virottarell
      Kotimaiset julkkisjuorut
      224
      1275
    5. Kun näen sinut

      tulen iloiseksi. Tuskin uskallan katsoa sinua, herätät minussa niin paljon tunteita. En tunne sinua hyvin, mutta jotain
      Ikävä
      34
      893
    6. Purra saksii taas. Hän on mielipuuhassaan.

      Nyt hän leikkaa hyvinvointialueiltamme kymmeniä miljoonia. Sotea romutetaan tylysti. Terveydenhoitoamme kurjistetaan. ht
      Maailman menoa
      242
      893
    7. Yhdelle miehelle

      Mä kaipaan sua niin paljon. Miksi sä oot tommonen pösilö?
      Ikävä
      60
      879
    8. Helena Koivu on äiti

      Mitä hyötyä on Mikko Koivulla kohdella LASTENSA äitiä huonosti . Vie lapset tutuista ympyröistä pois . Lasten kodista.
      Kotimaiset julkkisjuorut
      131
      879
    9. Ja taas kerran hallinto-oikeus että pieleen meni

      Hallinto-oikeus kumosi kunnanhallituksen päätöksen vuokratalojen pääomituksesta. https://sysmad10.oncloudos.com/cgi/DREQ
      Sysmä
      66
      854
    10. Löydänköhän koskaan

      Sunlaista herkkää tunteellista joka jumaloi mua. Tuskin. Siksi harmittaa että asiat meni näin 🥲
      Ikävä
      98
      819
    Aihe