Question

基本上，目前我的网站上有一个按钮可以将整个页面设置为向左动画，或多或少显示另一个“页面”，我已经设置了fiddle我已经拥有的内容，虽然我的问题是：

有没有办法通过用户计算机的说法“解析”来抵消“第二页”？

我可以按照我的方式做到这一点，但是如果我说的是分辨率大于或小于1920 x 1080的计算机。第二页不会位于正确的位置，或者“紧挨着”第一页！ :(

小提琴：http://jsfiddle.net/shannonhochkins/z7Xpu/

Answer 1

总之，id说使用jquery并做类似的事情（伪代码）

var sWidth =s screens width
var sHeight =s screens height

然后

var box =s your "second page box id"

然后使用jquery之类的东西

box.css（“width”，sWidth）;

box.css（“height”，sHeight）;

等......这是所有伪代码，但你明白了

Answer 2

function fitToScreen(){
   var dimensions = {
      'height' : $(window).height() + 'px',
      'width' : $(window).width() + 'px'
    };

    $('#myPage').css(dimensions);
}

$(function(){    
    fitToScreen();    //on load

   $(window).resize(fitToScreen); //will call when window is resized
});

这会在此时将尺寸设置为视口的width x height。

Answer 3

试试这个Fiddle

我认为这对你很有用

将div定位到文档宽度？

3 个答案: