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
128
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
Mies mitä ajattelet naisista?
Kerro mitä ajatuksia nousee. Mitä naiset sinulle merkitsee? Sana on vapaa.14614584Järkyttävä tieto Purrasta
Purra tapasi nykyisen miehensä täällä. Suomi24:ssä! Tulipa likainen olo. Nyt loppuu tämä roikkuminen tällä palstalla.1433285Nä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ä k142017- 681847
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. E2161542- 611435
- 2611209
Aavistan tai oikeastaan
tiedän, että olet hulluna minuun. Mutta ilman kommunikointia, tällaisenaan tilanne ja kaikki draama ovat mun näkökulmast351010Ajattele, miten häviävän pieni
todennäköisyys on sille, että kaksi tiettyä ihmistä yli viidestä miljoonasta sattuvat tulemaan samalle palstalle ikävöim50979Pieni vinkki miehelle
Jos haluat, että tapahtuu jotain edistystä, niin kannattaa suoda ajatus sille, että miltä toimintasi näyttää mulle päin.41954