如何在iPad Safari浏览器中修复Ajax Modal popUp的滚动问题？

Question

我有Asp.net网站它在除iPad Safari之外的所有浏览器中运行良好。

但是当我测试时，我在滚动弹出窗口中遇到问题。在Ipad浏览器中没有渲染到整个页面（弹出窗口的某些部分隐藏为par attachement），

有时页面内容太小，而当时的模态弹出高度“关闭”按钮（在底部）将隐藏。

下面，我附了屏幕截图。看看屏幕截图。
我该怎么做才能修复iPad中的Modal PopUp问题。

Answer 1

调整模式大小并将其向下移动以适应基于较小屏幕的css，如下所示：

@media screen and (max-height:768px){
.popupPanel { min-height:550px; height:550px; }     
}

@media screen and (max-height:600px){
.popupPanel.{ min-height:300px; height:300px; margin-top: 100px;  }
}