移动ModalPopupExtender？

本文介绍了移动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} }