Question

我试图获得一个只是设备宽度/高度100％的网站，向下滚动到足以摆脱地址栏。希望这有意义吗？

我只需要简单的尺寸，这样我就可以将设备滚动到0,0并尽可能多地查看我的页面。例如简单地说是320x400（320宽，400可能=高度 - 标题栏 - 页脚）

这样做的原因是我将一个DIV放在一个页面上，这个页面是一个“视口”，可以移动到内容中，想想谷歌地图。我只想让这个div填满所有空间。

问题是我似乎无法检测到可用的窗口高度。我似乎总是得到屏幕大小 - 标题栏 - 地址栏 - 可选的调试栏 - 页脚。如何检测“可能的最大尺寸”？

Answer 1

将html,body放在height:100%;，div放置为position:absolute;top:0;bottom:0;left:0;right:0;，然后您不需要视口的确切宽度/高度，div已经使用最大可能空间。

但是如果你仍然想要检测，jQuery也可以获得$(element_you_want).width()和.height()。尝试使用文档或仅使用正文（高度为100％）

Answer 2

如果您使用的是javascript，请尝试提醒：'innerWidth';

http://www.quirksmode.org/dom/w3c_cssom.html

Answer 3

自己回答：

var $div = $( '<div></div>' ).appendTo( document.body );

$div.css({height:2000,width:2000});

setTimeout(function(){
    window.scrollTo(0,1);
    alert( window.innerHeight + ', ' + window.innerWidth );
}, 10);

基本的想法是我强制窗口比我知道它可以支持的大，删除地址栏然后测量大小。我现在可以适当地调整这个div的大小了。

想要一个100％宽度/高度的iPhone / iPad / iOS网页

3 个答案: