モバイル ビューポートの jquery ダイアログ センター、特に iphone のサファリを作成しようとしていますが、ユーザーがページをズームインしようとすると、ダイアログがページの右下に移動し、表示されなくなります。
コードは次のとおりです。
//-- The dialog
$("#dialog").dialog({
modal:true,
draggable:true,
resizable:false,
width:650,
height:330,
cache:false,
position:'center'
});
//-- Make dialog center when page resize
$(window).resize(function() {
$(".ui-dialog-content").dialog("option", "position", "center");
});
これは PC のブラウザでは完全に機能しますが、モバイルではページが縮小されている場合にのみ機能します。
それを行う方法はありますか?