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
4
188
Vastaukset
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
- 11810293
- 525030
Taas ryssittiin oikein kunnolla
r….ä hyökkäsi Viroon sikaili taas ajattelematta yhtään mitään https://www.is.fi/ulkomaat/art-2000011347289.html422211Lähetä terveisesi kaipaamallesi henkilölle
Vauva-palstalta tuttua kaipaamista uudessa ympäristössä. Kaipuu jatkukoon 💘1052058- 261924
Vanha Suola janottaa Iivarilla
Vanha suola janottaa Siikalatvan kunnanjohtaja Pekka Iivaria. Mies kiertää Kemijärven kyläjuhlia ja kulttuuritapahtumia131591Valtimon Haapajärvellä paatti mäni nurin
Ikävä onnettomuus Haapajärvellä. Vene hörpppi vettä matkalla saaren. Veneessä ol 5 henkilöä, kolme uiskenteli rantaan,411392Tiedän kuka sinä noista olet
Lucky for you, olen rakastunut sinuun joten en reagoi negatiivisesti. Voit kertoa kavereillesi että kyl vaan, rakkautta24993Känniläiset veneessä?
Siinä taas päästiin näyttämään miten tyhmiä känniläiset on. Heh heh "Kaikki osalliset ovat täysi-ikäisiä ja alkoholin v31991Rakastuminenhan on psykoosi
Ei ihme että olen täysin vailla järkeä sen asian suhteen. Eipä olis aikoinaan arvannut, että tossa se tyyppi menee, jonk54977