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"; 
}