我正在尝试使用 javascript 读取窗口大小,这适用于我测试过的每个平台,除了 Android。我正在根据这个数字调整 div 的大小,这样每个 div 都会填满屏幕。在 android 上,第一页看起来不错,但是一旦你向下滚动,它看起来就像在没有地址栏高度的情况下测量了高度。所以我最终得到了 50px 短的页面,已经显示了下一页。
这是我用来获取平台高度和宽度的代码:
app.tab1.sections.fitScreen = function(){
var w = $(window).outerWidth(),
h = $(window).outerHeight();
//Fit all page-containers
$('#tab1 .page-container').width(w).height( h );
//Fit the first one(includes the header)
$('#tab1 #page_1').height( h - ( $('#p-header').outerHeight() + $('#product-navigation').outerHeight() ) );
}
此屏幕截图说明了该问题: http ://www.imgjoe.com/x/export03.png