在按比例縮小時，在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滑塊中覆蓋字體大小

回答

相關問題