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

633

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • M-Kar

      "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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Kelekkakisat

      Mikä vakava onnettomuus sattunut kisoissa. On peruttu koko kisat. Pelastuskopteri näytti käyvän paikalla.
      Nivala
      21
      10845

    2. Aivan kauheaa

      Veikö koskiuoma taas ihmishengen? Se pitää kieltää!
      Imatra
      40
      8097

    3. Onko kaivattusi

      …mielestäsi älykäs, tai kenties tyhmä? Oma mielipide.
      Ikävä
      123
      5211

    4. Epäilen ettet edes

      Kehtaisi liikkua kanssani.
      Ikävä
      69
      3538

    5. Kuinka pitkä välimatka

      on teidän kotien välillä?
      Ikävä
      112
      3538

    6. Virkamiehille tarvitaan tuntuvat palkankorotukset

      Naistenpäivänä on syytä muistuttaa, että virkamiehen euro on vain 80 senttiä. Palkat tulee saattaa samalle tasolle yksi
      Maailman menoa
      34
      3498

    7. Eikö me voitais

      Vaan harrastaa seksiä kun muusta ei tule mitään
      Ikävä
      61
      3390

    8. Oletko huomannut

      Yhden muutoksen?
      Ikävä
      33
      3137

    9. Jäikö meidän välit

      Mielestäsi Kesken?
      Ikävä
      53
      2474

    10. Olisipa saanut sinuun

      Tutustua paremmin. Harmi että aloin lopulta jännittämään kun näytit tunteesi niin voimakkaasti ja lähestyit niin voimaak
      Ikävä
      34
      1976
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt