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

Question

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

但是当我测试时，我在 Ipad 浏览器中滚动弹出窗口而不是渲染到整个页面（弹出窗口的某些部分被隐藏为标准附件）时遇到问题，

有时页面内容与当时的模态弹出窗口高度相比太小“关闭”按钮（在底部）要隐藏。

下面，我附上了屏幕截图。查看屏幕截图。
我应该怎么做才能修复 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;  }
}