Mac: Safari
$(‘html’).width() //1230
$(document).width() //1230
$(window).width() //1230
$(‘body’).width() //1230
$(‘#page’).width() //1230
$(‘html’).height() //2302 コンテンツ全体の高さ
$(document).height() //2302
$(window).height() //952 ブラウザの最大高さ
$(‘body’).height() //2302
$(‘#page’).height() //2286
Mac Firefox
$(‘html’).width() //1230
$(document).width() //1230
$(window).width() //1230
$(‘body’).width() //1230
$(‘#page’).width() //1230
$(‘html’).height() //2421 コンテンツ全体の高さ
$(document).height() //2421
$(window).height() //937 ブラウザの最大高さ
$(‘body’).height() //2421
$(‘#page’).height() //2405
Mac Chrome
$(‘html’).width() //1228
$(document).width() //1228
$(window).width() //1228
$(‘body’).width() //1228
$(‘#page’).width() //1228
$(‘html’).height() //2302 コンテンツ全体の高さ
$(document).height() //2302
$(window).height() //952 ブラウザの最大高さ
$(‘body’).height() //2302
$(‘#page’).height() //2286
Windows IE 8
$(‘html’).width() //1280
$(document).width() //1280
$(window).width() //1259
$(‘body’).width() //1259
$(‘#page’).width() //1259
$(‘html’).height() //569 ブラウザの最大高さ
$(document).height() //2410 コンテンツ全体の高さ
$(window).height() //565
$(‘body’).height() //2410
$(‘#page’).height() //2394
Windows Chrome
$(‘html’).width() //1263
$(document).width() //1263
$(window).width() //1263
$(‘body’).width() //1263
$(‘#page’).width() //1263
$(‘html’).height() //2344
$(document).height() //2344 コンテンツ全体の高さ
$(window).height() //673 ブラウザの最大高さ
$(‘body’).height() //2344
$(‘#page’).height() //2328
Windows Firefox
$(‘html’).width() //1263
$(document).width() //1263
$(window).width() //1263
$(‘body’).width() //1263
$(‘#page’).width() //1263
$(‘html’).height() //2421
$(document).height() //2421 コンテンツ全体の高さ
$(window).height() //662 ブラウザの最大高さ
$(‘body’).height() //2421
$(‘#page’).height() //2405
幅結果：
IE8のみ、幅の種類が２種類あり、一つは縦スクロールが含まれたブラウザ幅、もう一つはスクロールが含まれない幅
よって、window, body, #page が良い
高さ結果：
ブラウザによりまちまち、ネックはIE系。
よって、document, bodyが共通している
2012/10/16現在でJquery で共通のコンテンツの最大幅、高さ取得は
$(‘body’).width()
$(‘body’).height()
が良い。
ブラウザの最大幅、高さは
$(window).width()
$(window).height()
補足事項、$(‘#id’).click(function(){ ….})のようにすべてのコンテンツを読み込ませてからが確実