$(document).height()、$('body').height()、$(window).height() の違いと関連性

前書き: ここでは高さを例として取り上げますが、幅の問題も類推できます。モバイル開発では、ページのコンテンツが 1 画面未満の場合、コンテンツを下部に配置する必要がある、1 画面を超える場合、コンテンツを固定する必要がある、という状況がよく発生します。このとき、$(document).height() と $(window).height() のサイズを判断して、コンテンツが画面を超えるかどうかを判断する必要があります。

$(ドキュメント): ドキュメント全体
$("本体")：本体
$(window): ビューポート (Doctype が設定されている場合)

1) ページのコンテンツがビューポート (ブラウザ ウィンドウ) より大きい場合: $(document).height() = $("body").height() > $(window).height();

2) ページのコンテンツがビューポートより小さい場合: $(document).height() = $(window).height() > $("body").height();

さらに: $(window).height() はページヘッダーの DOCTYPE にも影響され、デフォルトは DOCTYPE を前提としています。