이미지 회전식에서 다른 화면 크기 처리

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>