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

628

    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. Suomen kansa haluaa Antti Lindtmanista pääministerin

      Lindtman on miltei tuplasti suositumpi kuin etunimikaimansa Kaikkonen. Näin kertoo porvarimedian teettämä kysely. http
      Maailman menoa
      260
      4596
    2. Vain 21% kannattaa Lindtmania pääministeriksi

      se on selvästi vähemmän kuin puolueen kannatus, mites nyt noin?
      Maailman menoa
      132
      3003
    3. Miten löydän sinut

      Ja saan sanottua kaiken mitä haluan sinulle kertoa? Ja kuinka kuuntelisit minua sen hetken? Kuinka voin ilmaista sen mit
      Ikävä
      43
      2776
    4. Yöllinen autolla kaahari Heinolan seudulla

      Asukkaita häiriköivän nuoren herran autokaahaus keskustelu poistettu, onko jokin hyvävelijärjestelmä käytössä ?
      Heinola
      75
      1749
    5. Vaikea tilanne

      Hieman kolkuttaa omatuntoa, kun on osoittanut kiinnostusta väärää naista kohtaan. En ymmärrä miten toinen on voinut te
      Ikävä
      106
      1604
    6. Jouluksi miettimistä: kuka tai mikä valmistaa rahan?

      Nyt kun on ollut vääntöä rahasta ja eritoten sen vähyydestä, niin olisi syytä uida rahan alkulähteille, eli mistä se syn
      Maailman menoa
      28
      1493
    7. Milloin kaivatullasi

      .. on nimipäivä?
      Ikävä
      55
      1334
    8. Kehtaisitko näyttäytyä

      kaivattusi seurassa?
      Ikävä
      93
      1245
    9. Missä kunnassa kaivattusi asuu

      Kuinka tarkkaa uskalla sanoa?
      Ikävä
      47
      1119
    10. Julkinen sektori on elänyt aivan liian leveästi yli varojensa!

      Viimeisen 15 vuoden aikana julkisen puolen palkat ovat nousseet n. 40%, kun taas yksitysellä sektorilla vain n. 20%. En
      Maailman menoa
      208
      1116
    Aihe