高度

Suggestion

建議使用固定高度，雖然高度自動很方便，但是會造成使用者體驗不好，閃爍展開佈局（如果按照圖片高度的話）

高度自動

你可以讓高度是依照輪播卡片的內容撐開

import AcroolCarousel, {TAcroolSlideItemDataList, AcroolSlideCard} from '@acrool/react-carousel';

const data: TAcroolSlideItemDataList = images.map(row => {
    return <AcroolSlideCard key={row.id}>
        <div style={{height: '200px', backgroundColor: row.color}}/>
    </AcroolSlideCard>
});

<AcroolCarousel
    // ...ignore some
    data={data}
/>

固定高度

您可以使用自己的單位，例如 px, rem, %, vh

<AcroolCarousel
    // ...ignore some
    height="250px"
/>

比例

如果你想按比例設置高度，你可以這樣做

<AcroolCarousel
    // ...ignore some 
    height={{ widthRatio: 21, heightRatio: 9 }}
/>

拖動瀏覽器縮放看看？