[JavaScript] スマホのフルスクリーンコンテンツ « きんくまデザイン

こんにちは。きんくまです。 スマホ向け、フルスクリーンコンテンツを作るときの個人的なメモです。 フルスクリーンの定義はいろいろとあると思いますが、 今回想定した条件は ・ウインドウに対して、コンテンツの高さが足りても足りなくてもよい（＝スクロールが発生してもしなくてもよい） ・横スクロールなし、縦スクロールのみ ・ヘッダーフッターメニューが画面に対してposition:fixedでついている といったものです。 作ってて、画面中央に何かを表示したいときの座標を求めるときに、正確な値を取得する方法がよくわからなかったので、やってみようと思いました。 ・ウインドウの幅・高さ ・コンテンツの幅・高さ がわかれば、中央ぞろえを計算することができます。 そのとき、どのプロパティがどういうものかを実際にデモを作って調べてみました。 検証用のhtml すんごく個人用なので、display:noneに書き

[depdep]

なるほど。