Question

是否有某种方法可以为不同屏幕尺寸的转盘提供不同的图像尺寸？我了解CSS媒体查询可以获取此信息，以便为不同的设备/屏幕提供不同的CSS设置，但我还是看不到将此信息传递到轮播中。对于全屏旋转木马，这似乎意味着它只能在匹配图像尺寸的设备上正常工作。

Answer 1

您可以通过缩放来使图像占据屏幕的某个百分比。

ons-carousel-item {
  text-align: center;
}

ons-carousel-item img {
  width: 95%;
}

旋转木马：

<ons-carousel overscrollable auto-scroll fullscreen var="carousel">
  <ons-carousel-item>
    <img src="http://placehold.it/350x150">
  </ons-carousel-item>
  <ons-carousel-item>
    <img src="http://placehold.it/700x100">
  </ons-carousel-item>
</ons-carousel>

在图像轮播中处理不同的屏幕尺寸

1 个答案: