javascript – 在iOS / iphone / ipad中放大时,jqueryui对话框的位置问题

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

解决方法:

你不能.位置：固定基于视口的布局.问题是在iOS中,放大页面不会改变视口.您无法判断用户何时缩放页面.您可以使用CSS和元标记来“禁用”iOS设备上的缩放.

【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！