کوچک شدن اسلایدر در موبایل

یعنی چی چرا انقدر کوچیک میشه
شما میتونید حداقل ارتفاع براش قرار بدید تا از اون ارتفاع کوچیک تر نشه

درود...
اسلایدر رسپانسیو باشد, تشخیص می دهد در چه دستگاهی با توجه به سایز آن نمایش دهد...

@rohi1386

اینطور که به نظر میرسه نمایشگر عکس تون اشکالی بهش نیست و داره درست کار می کنه، واکنش گرا هم هستش.
مشکل ناشی از اینه که وقتی صفحه نمایش دستگاه کوچیک میشه، عرض عکس اولیه زیاده و مجبور میشه برای نمایش کامل عکس، اون رو بصورت فشرده بهمدیگه بچسبونه.

راهکاری که به نظر من در اینجا مفید هستش اینه که شما برای زمانی که اندازه صفحه از ی حدی کوچک تر میشه، خود عکس ها رو تغییر بدین.
یعنی شما باید برای عکس های اصلی تون، دو تا ساختار داشته باشین مثلا ً عکس های بزرگ تون در ابعاد 2000 در 400 باشه. اما عکس های کوچکترتون در ابعاد 480 در 240 باشه. این عکس ها رو باید با برنامه کار با عکس نظیر فتوشاپ طراحی کنید، نه اینکه کوچک نمایی کنیدااا. مثلا توی این عکس دومتون که ی ظرف از گوشی و غیره هستش، سمت چپ حذف میشه و فقط سمت راست رو نگه می دارین.

می رسیم به تغییر کدها:
باید به هریک از img ها یک کلاس منحصر بفرد بدین و سپس برای هر کدوم شون به روش زیر در سی اس اس کدنویسی کنید:

@media screen and (max-width: 480px) {
    .banner-small-01 {
        content: url(../image/banner/01banner-small.jpg)
    }

    .banner-small-02 {
        content: url(../image/banner/02banner-small.jpg)
    }

.....به همین ترتیب ادامه دهید....

}

<ul>
                <li>
                    <a href=""><img class="banner-small-01" src="image/banner/01banner.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img class="banner-small-02" src="image/banner/02banner.jpg" alt=""></a>
                </li>
</ul>