CSS中isum的意思是“流體均勻縮放”,即在維持寬高比的前提下,將元素縮放為給定的尺寸。該屬性通常用于響應式設計,以確保元素能夠適應不同的屏幕尺寸。
/* 以寬度為基準進行等比縮放 */ .container { width: 50%; height: 0; padding-bottom: 50%; position: relative; } /* 將元素縮放為指定的尺寸 */ .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; /* 等比縮放 */ isum: contain; }
isum屬性有兩個可選值:contain和cover。contain表示元素需要縮小以適應給定的尺寸,而cover則表示元素會被放大以填滿給定的尺寸。如果元素的寬高比與給定的尺寸不相匹配,isum屬性會自動調整尺寸以保持寬高比。
需要注意的是,isum屬性只適用于可替換元素,如和