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
Korkeuden jakaminen 1/4:aan
Anonyymi
4
336
Vastaukset 4
Grid-layout näyttäisi olevan tähän passeli: https://css-tricks.com/snippets/css/complete-guide-grid/
Esim: https://jsfiddle.net/ytpknwz3/3/
Noita grid-template-rows:kaan ei taida edes tarvita, mutta niillä voi säätää, jos haluaa jonkun rivin paksummaksi kuin toisen.- 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
Tässä on tuo sama: https://www.w3schools.com/code/tryit.asp?filename=G4WL06EQ48QB siltä varalta että tuo tuosta päältä katoaa.
Ketjusta on poistettu 1 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Ampuminen kylpylässä
Onko vornasen timbe käynyt hiukan kylpemässä vai mikä tämä ampumatapaus on kylpylässä? Tuntuu aika villi meno olevan naa751759- 251252
Kemijärvellä vesionnettomuus
Pitkänsillan ja taiteilijanniemen välillä nähty henkilön painuvan veden alle. Mitä on tapahtunut? Onko vesihiisi taas as341142Hei, voitko kuunnella
Voisitko auttaa minua selvittämään asioita? En halua ajaa sinua hulluuteen kanssani, en sitoa sinua, en esittää vaatimu135943Joku porukka lähtenyt täältä
Ihmeen hiljainen on palsta nyt. Yleensä tänne tulvii aloituksia yms, mutta nyt on kyllä erikoisen hiljaista.189836- 64704
- 77662
Olipa yllätys
Kuten hyvin moni tiesi/arvasi että valetta alusta loppuun toi *olemme ystäviä* satu. Instassaan käsi kädessä kuva kertoo198642On todella ikävää
Todella ikävää, että asiat ovat menneet tällaisiksi. Tämä ei ollut missään vaiheessa tarkoitukseni. Olen tehnyt virheit79608- 49581
Se kun olit pitkästä aikaa silmieni edessä
Oli kyllä sykähdyttävää. Tiedätkö, mikä laittaa minut ikävöimään sinua? Kun palautan mieleeni valtavan ihanan olemuksen,32528- 55517
- 58507
- 36494
Oletteko koskaan torjuneet kaivattuanne?
Minä olen, kun en silloin tajunnut vielä ihastuneeni. Yritin paikata tapahtunutta, mutta ei onnistunut enää.25457- 21448
Kai sä mies ymmärrät..
..ettet jättänyt vaihtoahtoa. Tottakai toivon vielä, että pystyisit toimimaan niin että asiat korjaantuisivat. Vahvast28432- 33423
- 40417
- 82398