Kendo Mobile - Modal查看不調整高度的內容

我使用Kendo Mobile並正在測試模態視圖。我的目標是讓模態視圖的高度自動調整爲其內容。Kendo Mobile - Modal查看不調整高度的內容

這是我目前有：

<div id="mPopover" data-role="modalview" style="width: 95%; height: auto;"> 
    <div data-role="content"> 
     <ul data-role="listview"> 
      <li>...</li> 
      . 
      . 
      . 
     </ul> 
    </div> 
</div>

可正常工作在所有我測試的移動瀏覽器（Android 2.3的瀏覽器的股票，火狐，海豚）......除了Opera移動。我知道Opera沒有被完全支持，但是有沒有人知道爲什麼Opera Mobile中的內聯高度值沒有得到相同的尊重？我用Opera Mobile看到的只是一個非常細的模態視圖。

我爲Android 2.3使用最新的Kendo UI Mobile，Jquery和Opera Mobile瀏覽器。

謝謝

來源

2013-02-06 TAS

我可以在模擬器中重現。我已經從他的困惑中喚醒了@mtaylor，希望他能夠停下來發表評論。 Mike爲你工作的Bin。 http://jsbin.com/amatad/1 –

真棒伯克，再次感謝我的援助！我希望儘快聽到可行的解決方案。 – TAS

想通了，正確尺寸使用JQuery所有模式的意見了堅實的解決方法：調用模式「開放」前

$(window).bind("load", function() {   
    // kendo rendering fix for windows phone 8 and opera mobile 
    // correctly sizes all modal views 
    $("[data-role=\"modalview\"]").each(function() { 
     $(this).height($(this).height()); 
    }); 
});

來源

2013-02-22 20:30:04 TAS

偉大的解決方案。我將其粘貼到app.js中，並且完美運行。 – zkent

劍道的UI Mobile不要求的Opera Mobile的任何支持 - 很多事情都會在那裏打破。這有幾個原因 - flexbox（現在支持最新的Opera），無法刪除分接線輪廓和可怕的CSS轉換/轉換性能。

來源

2013-02-07 06:03:54 Bundyo

我明白，並感謝您評論@Bundyo。我想我正在黑暗中射擊，因爲我認爲我身高的問題可能是一些微不足道的事情來解決.. – TAS

調用此呼籲：

$(".km-modalview-wrapper").height('auto');

還必須設置數據拉伸=「真」到模態視圖。

來源

2015-10-10 17:35:35 Jandieg

Kendo Mobile - Modal查看不調整高度的內容

回答

相關問題