Mobile ModalPopupExtender？

Question

在小屏幕設備上顯示時，我遇到了ModalPopupExtender的問題。模態高度不會重新縮放以適合可查看的窗口。因爲它是以模式的頂部和底部爲中心進行裁剪的。試圖滾動它只滾動底層頁面而不是模式。任何人遇到這個問題或者對修復有什麼建議？

Answer 1

我決定用一系列的媒體查詢處理呢....

.sModalCnt {max-height:480px;overflow-y:auto} 
@media only screen and (max-height:600px) { 
    .sModalCnt {max-height:380px} 
} 
@media only screen and (max-height:500px) { 
    .sModalCnt {max-height:280px} 
} 
@media only screen and (max-height:400px) { 
    .sModalCnt {max-height:180px} 
} 
@media only screen and (max-height:300px) { 
    .sModalCnt {max-height:80px} 
} 

Answer 2

你必須設置小狗的面板使用滾動條。 有這樣做的2路：使用CSS和overflow到auto：

1. 設置固定height（500px前）。
2. 使用JavaScript計算高度傀儡，您仍然必須使用CSS將overflow設置爲auto。

這裏是一個JavaScript函數的例子，它將高度設置爲頁面高度的90％。

function pageLoad() { 
     $get('<%= Panel.ClientID %>').style.height = document.documentElement.clientHeight * 0.9 + "px"; 
}