基本上,目前我的网站上有一个按钮,可以将整个页面动画到左侧,或多或少地显示另一个“页面”,我已经设置了我已经拥有的东西,尽管我的问题是:
有没有办法通过用户计算机的“分辨率”来抵消“第二页”?
我可以按照我的方式做到这一点,但是如果我说一台计算机的分辨率大于或小于 1920 x 1080。第二页不会在正确的位置,或者“紧挨着”第一页!:(
小提琴:http: //jsfiddle.net/shannonhochkins/z7Xpu/
基本上,目前我的网站上有一个按钮,可以将整个页面动画到左侧,或多或少地显示另一个“页面”,我已经设置了我已经拥有的东西,尽管我的问题是:
有没有办法通过用户计算机的“分辨率”来抵消“第二页”?
我可以按照我的方式做到这一点,但是如果我说一台计算机的分辨率大于或小于 1920 x 1080。第二页不会在正确的位置,或者“紧挨着”第一页!:(
小提琴:http: //jsfiddle.net/shannonhochkins/z7Xpu/
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
});
This will set the dimensions to the viewport's width
x height
at that point in time.
简而言之,id 说使用 jquery 并做类似的事情(伪代码来了)
var sWidth =s screens width
var sHeight =s screens height
然后
var box =s your "second page box id"
然后用 jquery 之类的东西
box.css("宽度", sWidth);
box.css("高度", sHeight);
等等......这都是伪代码,但你明白了
试试这个小提琴
我认为这对您来说非常有用