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

【问题标题】：position issues with jqueryui dialog when zoomed in iOS/iphone/ipad放大 iOS/iphone/ipad 时 jqueryui 对话框的位置问题
【发布时间】：2012-10-24 08:53:28
【问题描述】：

我有一个 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' );

【问题讨论】：

听起来同样的问题remysharp.com/2012/05/24/…
你在使用jquery mobile吗？我发现了 jquery 和 jquery mobile 之间的差异。

标签： javascript iphone ios jquery-ui dialog

【解决方案1】：

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

【讨论】：