Question

我正在使用以下（jQuery）javascript来居中div：

$(document).ready(function(){
    $('#window').css({
            position:'absolute',
                left: ($(window).width() - $('#window').outerWidth())/2,
                top: ($(window).height() - $('#window').outerHeight())/2
            });
 });

这通常在桌面浏览器中运行（即firefox，chrome），但是，在iPad上，屏幕会在此“窗口”出现之前调整大小，并且所有内容都会移到屏幕的左上角。

Answer 1

抱歉，我的第一个回答没用！这是正确的解决方案。在我的小提琴中，每次调整窗口大小时都会生成大小。因此，您可以确保每次都处于中心位置。

我为此做了一个jsfiddle：http://jsfiddle.net/U6fR4/

$(document).ready(function(){

     $(window).resize(function(){

      $('.className').css({
       position:'absolute',
       left: ($(window).width() 
         - $('.className').outerWidth())/2,
       top: ($(window).height() 
         - $('.className').outerHeight())/2
      });

     });

     // To initially run the function:
     $(window).resize();

    });

jQuery将iPad缩小为一个缩小的窗口

1 个答案: