在小屏幕上革命滑塊固定高度根據屏幕大小的RS

變化高度在小屏幕上革命滑塊固定高度根據屏幕大小的RS

下面示例響應和圖像高度小的小屏幕上，如320像素寬度或360像素與屏幕。

http://htmlstream.com/preview/unify-v1.8/page_home2.html

我想定義高度較小的屏幕和它保持到最低限度，讓我們說250像素

<div class="tp-banner revslider-initialised tp-simpleresponsive" id="revslider-192" style="height: 137px;">

我還沒有發現在那裏我可以保持高度min-height:250px

任何選項

我嘗試添加類，但在屏幕大小發生更改時被腳本覆蓋。

沒有RS具有高度爲小屏幕

來源

2015-10-18 Learning

請提供jsfiddle。 – Alex

CSS支持@media screen and (min-width: 250px){}或@media screen and (max-width: 250px){}標籤的任何選項。

這裏是JSFiddle（只是改變結果的大小）

RS是否有自己的選擇，我不知道。但是，如果你可以訪問這些文件，你可以添加一些代碼很容易:)

希望它可以幫助

來源

2015-10-18 11:24:04

我試過了，但是當另一封電子郵件顯示隊列中的下一張圖片顯示很小，然後調整到自定義高度時，它會打破設計。 – Learning

也許如果你使用'window.innerWidth'和'window.innerHeight'獲得窗口的寬度和高度。如果你然後計算你的圖像的比例，你可以使用jQuery或JavaScript進行調整 –

我正在使用jquery的window.width來檢查並根據初始化RS函數。這解決了問題，但是當我做同樣的window.resize這不會觸發函數。 – Learning

我假設你正在使用革命滑塊4.我的建議是，你下載革命滑塊5.以全新的方式處理移動。您可以調整移動設備，平板電腦，筆記本電腦和寬屏桌面的幻燈片外觀，以及可以手動調整寬度和高度的每個屏幕。我在我的新滑塊上嘗試過它，它的運行非常好。 Rev5看起來完全不同，所以你需要花一些時間來學習它，但是文檔很好，值得你花時間。

希望這會有幫助

來源

2015-10-19 07:01:17 Goran

在小屏幕上革命滑塊固定高度根據屏幕大小的RS

回答

相關問題