Korkeuden jakaminen 1/4:aan

Anonyymi

Minulla on pohjana min 640x480 ja max 1024x768 elementti. Tuo pitäisi saada jaetuksi 16 osaan, eli 4 riviä ja 4 saraketta. Leveyssuunnassa onnistuu, kun käyttää width:25%, mutta height:25% tekee vain todella ohuen viivan, kun napeilla kokeilin. Painonapit tulee ruutuihin.

En siis halua käyttää mitään kiinteitä pikseleitä, kun tuon pitäisi skaalautua.

Joku tuollainen CSS Flexbox ratkaisu, mutta pikseleiden tilalla pitäisi käyttää prosentteja. https://www.w3schools.com/css/css3_flexbox.asp

4

333

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
      • Anonyymi

        Hyvä tutoriaali! Tuo grid-juttu näyttääkin olevan parempi. Ajattelin alun perin jakaa pohjan ensin div-elementeillä neljään vaakasuoraan riviiin, ja laittanut niihin jokaiseen neljä nappia, mutta sitä en saanut toimimaan kuten halusin.


      • Jatkoin vähän tuota esimerkkiä: https://jsfiddle.net/ytpknwz3/7/

        Aika näppärä tämä grid! Muistan kyllä kuulleeni siitä, mutta nyt itsekin vasta tutustuin tarkemmin. Eikös tuota kannata käyttää melkein aina? Kaikki menee juuri niinkuin olettaisi, eikä mitään ihme temppuiluja.

        Sitten jos sinne haluaa jonkun paikan tyhjäksi, niin täytyy varmaan jokaiselle napille asettaa nuo grid-row ja grid-column. Mutta tuo automaattinen asettelu on kyllä kätevä!


    • Anonyymi

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

    Luetuimmat keskustelut

    1. Mitäs peitsarissa on tapahtunut eilen illalla

      Mikkelissä iso poliisioperaatio https://www.iltalehti.fi/kotimaa/a/39ef020c-2d81-4d72-b720-651f458ba3e2
      Mikkeli
      67
      1666
    2. Saana airola ja. muusikko spekulaatiota

      Saara airolan kirja muusikko mies. Oisko redrama tai lauri tähkä? Saana oli 13 v vuonna 2014 Tekoäly sanoo : tähkä Julki
      Yhteiskunta
      14
      1642
    3. Miten kuvaisit tunteitasi

      tällä hetkellä?
      Ikävä
      135
      1231
    4. Jos saisit palata takaisin johonkin vuoteen

      Mikä vuosi se olisi? Ja mitä siinä hetkessä tapahtuisi?
      Ikävä
      125
      1124
    5. Mikä estää?

      tapaamisen, suhteen aloittamisen?
      Ikävä
      83
      797
    6. Mitä jos saisit selville

      että kaivattusi tekee susta pilaa?
      Ikävä
      164
      730
    7. Miksi ETTE suostu selvittämään . . . . . ...

      Asioita jotka jääneet selvittämättä toisen osapuolen kanssa? Kertoisitteko miksi ette suostu? Vaikka teidän mielestä
      Ikävä
      168
      711
    8. Wille Rydman on kansalaisten mielestä huonoiten onnistunut ministeri

      Onneksi olkoo Wille kärkipaikasta! Oletkin sen eteen tehnyt hartiavoimin töitä. "Ministeri Wille Rydman (ps) on kansala
      Maailman menoa
      407
      636
    9. Eilinen

      Herättikö eilinen jotain ajatuksia?
      Ikävä
      52
      582
    10. Tajuan kyllä

      että molemmilla on omat elämänsä ja kuvionsa ja rakkaansa. En odota mitään enkä ole tunkemassa mihinkään. Kai silti saa
      Ikävä
      52
      525
    Aihe