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
145
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, miksi et vaikuta halukkaalta?
Ihmeellistä käytöstä mieheltä. Toki et ole mikään teinipoika enää.1031717- 2101547
Ikävä on häntä
Josta on tullut niin tärkeä ja rakas. Olisinko onnellinen hänen kanssaan. Ne rakastavat silmät jotka mua katsoo aina jos591020Minkä kultakimpaleen
Menetän jos en saa häntä. Joku muu saisi nauttia siitä hellyydestä, huumorista ja intohimosta. Ehkä hän ymmärtää nyt mik311000Terveystalon lääkärit ylilaskuttaneet
Tämän pörriäiset osaavat, laskuttamisen. Terveystalo myöntää asian. https://www.hs.fi/suomi/art-2000011134269.html "K58855En kai koskaan saa sinua
Koska et usko että riitäisit minulle. Olet aina pitänyt itseäsi liian risana ja heikkona. Katkot korkeutesi, ja poraat k51804Helppo selvittää onko oma täällä
Laittaa yhden selvän kysymyksen ja jos kukaan ei osaa vastata, niin oikea ei ole täällä. Saa käyttää vapaasti hyödykse49785Tykkäsit nainen
Aina eniten lähetyssaarnaajassa, muistan miten nautit!😎😚 meidän pitää päästä vielä kokemaan se.36745Kerroppas nyt
M mies, että kenestä sinä oikein tykkäät, niin saadaan tämä asia muillekin selväksi 😉58735The Summit Suomi: Maxie avaa hyytävästä tilanteesta kuvauksissa: "Veri roiskui ja tajusi, että..."
Oletko seurannut The Summit Suomea? Tykkäätkö vai et tai mitä mieltä ylipäätään olet sarjasta? Moni katsoja on kaikonnut5732