Asp.net 移动ModalPopupXtender？

在小屏幕设备上显示ModalPopupXtender时，我遇到了一个问题。模态高度不会重新缩放以适应可视窗口。因为它居中，所以模态的顶部和底部会被剪裁。尝试滚动它只会滚动基础页面，而不是模式页面。有人遇到这种情况或对修复有什么建议吗？

您必须将Po pup的面板设置为使用滚动条。 有两种方法可以做到这一点：

使用CSS将固定的

高度

（例如：

500px

）和

overflow

设置为

auto

使用JavaScript计算高度pup up，您仍然需要使用CSS将

溢出设置为
自动

下面是一个JavaScript函数的示例，该函数将高度设置为页面高度的90%

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

函数pageLoad（）{
$get（“”）.style.height=document.documentElement.clientHeight*0.9+“px”；
}

我决定使用一系列媒体查询来处理它

.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}
}

---

我用了一个数字1的变体。