javascript - 放大 iOS/iphone/ipad 时 jqueryui 对话框的位置问题

Question

我有一个 jqueryui 对话框，除了在 iOS 设备上放大时效果很好。当用户触发打开对话框时，它会离开屏幕。如果用户未缩放，则不会发生这种情况。可以做些什么来解决这个问题？

$('#white_box_content_'+id).dialog({ 
        autoOpen: false,
        modal:true,
        position:"center",
        closeText:'',
        resizable:false,
        title:null,
        draggable:false,
        //dialogClass:'jquery_dialog_position',
        zIndex:800 
    });
    $('#white_box_content_'+id).dialog('open');
    $('.ui-widget-overlay').css( "position" , 'fixed' );
    $(".ui-dialog-titlebar").remove();
    $('#white_box_content_'+id).dialog( "option" , 'position' , 'center' );

Answer 1

你不能。Position: fixed根据视口进行布局。问题是在 iOS 中，放大页面不会改变视口。您无法判断用户何时放大页面。不过，您可以使用 CSS 和元标记在 iOS 设备上“禁用”缩放。