Адаптивная карусельная галерея

Question

Моя карусельная галерея изображений не отвечает, какой она должна быть, кто-то может помочь?

<div id="scroller" style="width: 100%; height: 100%; margin: 0 auto;">
    <div class="innerScrollArea">
        <ul>
            <li><img src="img/gallery/image1.jpg" /></li>
            <li><img src="img/gallery/image2.jpg" /></li>
            <li><img src="img/gallery/image3.jpg" /></li>

        </ul>
    </div>
</div>

Размер изображения должен изменяться в соответствии с устройством, на котором оно отображается, например. планшет или телефон, но они не меняют размер, что разрушает мой сайт, который отзывчив, заранее спасибо.