移动ModalPopupExtender？ [英] Mobile ModalPopupExtender?

问题描述

在小屏幕设备上显示时我正在与ModalPopupExtender的问题。该模态高度不重新调整以适应可视窗口内。由于它是中心的模态的顶部和底部被裁剪。试图滚动只滚动页面底层不情态。任何人都遇到这样或有一个修复建议？

I'm running into an issue with the ModalPopupExtender when displayed on a small screen device. The modals height does not rescale to fit within the viewable window. Because it is centered the top and bottom of the modal gets clipped. Trying to scroll it only scrolls the underlying page not the modal. Anyone run into this or have suggestions on a fix?

推荐答案

我决定利用一系列媒体查询处理呢....

I decided to handle it using a series of media queries....

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

这篇关于移动ModalPopupExtender？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！