Обработка различных размеров экрана в карусели изображения

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>