fix(comp:carousel): when scaled, the component layout error

[liuzaijiang]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines
• Tests for the changes have been added/updated or not needed
• Docs and demo have been added/updated or not needed

What is the current behavior?

当组件scale（大于1 或者 小于1）后，组件布局错误

<template>
  <IxCarousel class="wrapper">
    <div class="card-item">远看泰山黑糊糊</div>
    <div class="card-item">上头细来下头粗</div>
    <div class="card-item">如把泰山倒过来</div>
    <div class="card-item">下头细来上头粗</div>
  </IxCarousel>
</template>

<style lang="less" scoped>
.wrapper {
  transform: scale(1.5);
}
.card-item {
  height: 160px;
  line-height: 160px;
  background-color: #364d79;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
</style>

What is the new behavior?

组件可以正常显示

Other information

[idux-bot]

This preview will be available after the AzureCI is passed.

[codecov]

Codecov Report

Merging #1448 (5cfbdd5) into main (8852db4) will not change coverage.
The diff coverage is n/a.

❗ Current head 5cfbdd5 differs from pull request most recent head 9c9f10b. Consider uploading reports for the commit 9c9f10b to get more accurate results

@@           Coverage Diff           @@
##             main    #1448   +/-   ##
=======================================
  Coverage   92.98%   92.98%           
=======================================
  Files         327      327           
  Lines       30350    30350           
  Branches     2559     2560    +1     
=======================================
  Hits        28221    28221           
  Misses       2129     2129           

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.