Question

当滑块处于“响应”状态时，是否可以重置字体大小？模式？我有一个很好的滑块，直到屏幕尺寸低于约740px宽。然后输入几乎不可能阅读。

所以我尝试用媒体查询覆盖字体大小。没运气。结果变换：scale（0.32298） - 或类似的一些小数 - 应用于其中一个父容器。试图压倒一切，但也没有做到这一点。

是否有规范＆＃39;保留/覆盖缩放效果的方法？ ......回调等等？

编辑：

转换显示为内联样式：

<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

因此，我认为您在滑块的任何幻灯片中都有一些内容元素。

<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>

Answer 2

使用cycle2插件结束。原来非常灵活，并且能够在没有任何问题的情况下使用媒体查询来重新设置内容。

缩小时，在jssor滑块中覆盖font-size

2 个答案: