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

128

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

    Takaisin ylös

    Luetuimmat keskustelut

    1. Mies mitä ajattelet naisista?

      Kerro mitä ajatuksia nousee. Mitä naiset sinulle merkitsee? Sana on vapaa.
      Ikävä
      146
      14584
    2. Järkyttävä tieto Purrasta

      Purra tapasi nykyisen miehensä täällä. Suomi24:ssä! Tulipa likainen olo. Nyt loppuu tämä roikkuminen tällä palstalla.
      Maailman menoa
      143
      3285
    3. Näin asia on

      Tiedän ettei hän koskaan aio lähestyä minua eikä niin ole koskaan aikonutkaan, eikä lähesty ja enkä minä enää tee sitä k
      Ikävä
      14
      2017
    4. Rakastan sua

      Tiedäthän sen ❤️😢
      Ikävä
      68
      1847
    5. Mikseivät toimittajat vaadi Orpoa vastuuseen lupauksistaan

      Missä ne 100.000 uutta työpaikkaa muka ovat? Eivät yhtään missään. Näin sitä Suomessa voi puhua ja luvata mitä sattuu. E
      Maailman menoa
      216
      1542
    6. 61
      1435
    7. Toinen toista

      Hyvää sunnuntai huomenta susi rinssiltä 🤴🏼☕❄️⚜️❤️
      Ikävä
      261
      1209
    8. Aavistan tai oikeastaan

      tiedän, että olet hulluna minuun. Mutta ilman kommunikointia, tällaisenaan tilanne ja kaikki draama ovat mun näkökulmast
      Ikävä
      35
      1010
    9. Ajattele, miten häviävän pieni

      todennäköisyys on sille, että kaksi tiettyä ihmistä yli viidestä miljoonasta sattuvat tulemaan samalle palstalle ikävöim
      Ikävä
      50
      979
    10. Pieni vinkki miehelle

      Jos haluat, että tapahtuu jotain edistystä, niin kannattaa suoda ajatus sille, että miltä toimintasi näyttää mulle päin.
      Ikävä
      41
      954
    Aihe