переопределить размер шрифта в слайдере jssor при уменьшении

Question

Можно ли сбросить размер шрифта, когда слайдер находится в режиме «отзывчивого»? У меня есть слайдер, который очень хорошо, пока размер экрана не опустится ниже ширины около 740 пикселей. Тогда тип становится почти невозможным для чтения.

Поэтому я попытался переопределить размер шрифта со средствами массовой информации. Не повезло. Выключает трансформацию: масштаб (0,32298) - или некоторый десятичный символ - применяется к одному из родительских контейнеров. Пытался переопределить это тоже, но и не улегся с этим.

Существует ли «канонический» способ сохранения/переопределения эффектов масштабирования? ... обратные вызовы и т. д.?

EDIT:

преобразование выглядит как встроенный стиль:

<div style="position: absolute; top: 0px; left: 0px; width: 1024px; height: 654px; transform-origin: 0px 0px 0px; transform: scale(0.34454345703125);"> 

it appears in the first child of <div id="slider1_container"></div> 

Answer 1

Закончено использование cycle2 плагин. Оказалось, что он довольно гибкий, и он смог воспроизвести содержимое медиа-запросов без каких-либо проблем.

Answer 2

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

<div style="...font-size: 50px; ...">You text</div> 

Пожалуйста двигаться встроенные стили CSS блока, а затем вы получите следующий формат,

<div class="classname">You text</div> 

Таким образом, у вас есть шанс применить различный размер шрифта на различных экране.

<style> 
    @media only screen and (max-width: 480px) { 
     .classname { 
      font-size: ...px; 
     } 
    } 
    @media only screen and (max-width: 768px) { 
     .classname { 
      font-size: ...px; 
     } 
    } 
</style>