Adatta al riquadro

Scala le immagini per adattarsi completamente all'interno di un riquadro delimitante specificato mantenendo le loro proporzioni originali—equivalente al comportamento CSS object-fit: contain. L'intera immagine rimane visibile, dimensionata per adattarsi alla dimensione vincolante (larghezza o altezza).

Se il tuo riquadro è 800×600 e la tua immagine è 1600×800, il risultato sarà 800×400—scalato per adattarsi alla larghezza mentre si riduce proporzionalmente l'altezza. Immagini di varie proporzioni producono output di varie dimensioni, tutti garantiti per adattarsi al tuo riquadro.

I sviluppatori che preparano immagini per contenitori UI di dimensioni fisse assicurano che i contenuti si adattino appropriatamente. I designer che creano gallerie di miniature con dimensioni massime producono output coerentemente contenuto. Chiunque debba garantire che le immagini non superino i limiti di visualizzazione troverà fit-within-box essenziale.