asp.net - 小さな画面での Ajax モーダル ポップアップの位置

Question

Asp.net/C# Web アプリケーションに次のモーダル ポップアップがあります。モーダル ポップアップには、複数のプレースホルダーがあります。私の問題は、小さな画面または ipad/iphone/ipod 画面でモーダル ポップアップにアクセスしようとすると発生します。ページにはモーダル ポップアップの半分が表示されるため、上部の情報にはアクセスできません。次のソリューションを使用しました: Mobile ModalPopupExtender? および他の多くの人が、私の問題を解決していません。

.modalBackground { 背景色:グレー; フィルター: アルファ (不透明度 = 70); 不透明度:0.7; } .modalPopup { 背景色:#ffffdd; ボーダー幅:3px; 境界線のスタイル:無地; 境界線の色:グレー; パディング:3px; 幅:250px; }

<asp:Panel ID="Panel1" runat="server"></asp:Panel>
    <asp:Button  ID="btnShowPopup" runat="server" style="display:none" /> 

              <asp:ModalPopupExtender ID="ModalPopupExtender1" PopupDragHandleControlID="Panel1" RepositionMode="None" runat="server" PopupControlID="pnlpopup" 
TargetControlID="btnShowPopup" CancelControlID="btnCancel"
    DropShadow="true"   
 BackgroundCssClass="modalBackground">

        </asp:ModalPopupExtender>

        <asp:Panel ID="pnlpopup" runat="server" BackColor="LightGray" style="display:none;"
             CssClass="modalPopup" Width="650px" >
               <asp:UpdatePanel ID="UpdatePanel3" UpdateMode="Conditional" runat="server">
                                <ContentTemplate>
</ContentTemplate>
                                </asp:UpdatePanel>
                      <asp:Button ID="btnCancel" Height="30px" Width="160px" runat="server" Text="Cancel" />
                     </asp:Panel>