我的页面结构如下:
<container>
<header>
<main-content>
<footer>
</container>
我正在使用javascript
以下代码调整容器的宽度:
function getPageSize() {
var de = document.documentElement;
var w = window.innerWidth || self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
var h = window.innerHeight || self.innerHeight || (de && de.clientHeight) || document.body.clientHeight;
arrayPageSize = [w, h];
return arrayPageSize;
}
$(document).ready(function () {
var page = getPageSize();
var x = page[0];
var y = page[1];
$("#container").css({width: (x) + 'px'});
编辑
现在,我正在使用一个滑块 [将 a 设置div
为宽度9999em
并在其中插入滑块元素]。当浏览器窗口最大化时,页面打开良好。
对于不同的分辨率设备,有没有更好的方法来实现这一点,这样当我按下 时(Ctrl)+(-)
,页面仍然会变得更小而显示另一个screens
。我怎样才能使页面保持在中间,而不显示其他screens
.
这是图像:
我实验的一件事是:如果我将container
元素的宽度设置为px
,我会得到想要的结果。但是,我无法预先container
设置(我正在使用 ( $(window).width()
) 设置的宽度,因为它取决于不同的设备。