# 031 - Liukusäätimen korkeuden rajoittaminen työpöydälle - CSS-temppuja

Anonim

Kun selainikkuna kasvaa, etusivun yläosassa oleva liukusäädin on naurettavan iso. Tämä on mobiili ensimmäinen sarja, mutta koska liukusäätimen mobiiliversio toimii jo hyvin (ehkä meidän pitäisi ladata pienempiä kuvia, mutta toiminnallisesti se on siistiä), voimme keskittyä parantamaan sitä nyt työpöydälle.

Joillakin yksinkertaisilla CSS: llä voimme rajoittaa sen korkeutta (kirjaimellisesti asettamalla a max-height). Mutta voimme myös rajoittaa korkeutta rajoittamalla leveyttä, koska se säilyttää kuvasuhteen. Sitten, jos annamme ylivuoton paljastua kummallekin puolelle, saamme melko viileän liukusäätimen kokemuksen suuremmilla näytöillä.