在按比例缩小时，在jssor滑块中覆盖字体大小

滑块处于“响应”模式时是否可以重置字体大小？我有一个很好的滑块，直到屏幕尺寸下降到740像素左右以下。然后键入几乎不可能阅读。在按比例缩小时，在jssor滑块中覆盖字体大小

所以我试图用媒体查询覆盖字体大小。没有运气。变成transform：scale（0.32298） - 或者像这样的一些小数 - 被应用到其中一个父容器。试图压倒这一点，但也没有得到很好的结果。

是否存在“规范”的方式来保留/覆盖缩放效果？ ...回调等？

编辑：

变换显示为内联样式：

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

来源

2015-07-21 vector

当你达到140px时，你是否有一个特定的类被应用？你说'响应'模式，你怎么知道这是适用的？ – SoEzPz

...添加了一点代码 – vector

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

来源

2015-07-22 20:28:34 vector

所以，我觉得你有一些内容元素，如下面的滑块的任一幻灯片。

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

来源

2015-07-22 07:31:54 jssor

这是一切都很好，我可以控制字体大小，我无法很好地控制它们的包装的高度 - 我猜测由于在祖父元素上的变换规则（S）。对于需要控制的部分，我没有内联样式。这是缺乏控制缩放这就是问题。 – vector

在按比例缩小时，在jssor滑块中覆盖字体大小

回答

相关问题