Saaste on Nostr: Kylläpäs taas CSS tuottaa vaikeuksia 🤔 Haluaisin luoda leiskan, jota ei koskaan ...
Kylläpäs taas CSS tuottaa vaikeuksia 🤔
Haluaisin luoda leiskan, jota ei koskaan tarvitse skrollata. Kaikki muut elementit ovat hyvin staattisia, mutta keskellä näytetään iso kuva. Kuvan pitäisi hyödyntää käytössä oleva tila, mutta ei koskaan venyä suuremmaksi ja rikkoa leiskaa.
Olen koittanut gridiä, flexiä, laitella leveyksiä ja korkeuksia, asettaa object-fittiä, mutta tuntuu ettei mikään toimi. Heti kun kuvan resoluutio on suurempi kuin käytössä oleva tila, selain ei osaa pitää kuvaa karsinassa ja se venyy liian suureksi hajottaen koko roskan.
Ainut jotenkin toimiva ratkaisu on pakottaa kuvan max-height johonkin pikseliarvoon, mutta en halua tehdä sitä koska se ei skaalaudu suurille näytöille.
Miksi tämän on näin vaikeaa? 😄
#css
Haluaisin luoda leiskan, jota ei koskaan tarvitse skrollata. Kaikki muut elementit ovat hyvin staattisia, mutta keskellä näytetään iso kuva. Kuvan pitäisi hyödyntää käytössä oleva tila, mutta ei koskaan venyä suuremmaksi ja rikkoa leiskaa.
Olen koittanut gridiä, flexiä, laitella leveyksiä ja korkeuksia, asettaa object-fittiä, mutta tuntuu ettei mikään toimi. Heti kun kuvan resoluutio on suurempi kuin käytössä oleva tila, selain ei osaa pitää kuvaa karsinassa ja se venyy liian suureksi hajottaen koko roskan.
Ainut jotenkin toimiva ratkaisu on pakottaa kuvan max-height johonkin pikseliarvoon, mutta en halua tehdä sitä koska se ei skaalaudu suurille näytöille.
Miksi tämän on näin vaikeaa? 😄
#css