CSS スクリプト無しで、縦長ページの各セクションごとの高さを設定するテクニック | コリス
ふぅー！！とおもったので
CodePenでForkして高さ固定のheader入れてみました。
構造を工夫すればきちんとアンカーでも画面高さ100%で動ける
ただしAndroidは4.4〜。。。。。。。。。。。。。。。。。
Full screen sections with CSS – CodePen（Forked）
http://codepen.io/hirokona/full/azogPy
codepenってURL内のcodeのところをfullにするとフルスクリーンになるのね。。知らなかった
ちなvhについて。
CSS には vw, vh, vmin, vmax という単位がある ｜ Developers.IO
http://dev.classmethod.jp/ria/html5/css-length-viewport/
Forkして最初高さが変更されないのそういう仕様かと思ったらbox-sizingが全体にかかってた＼(^o^)／
width:100%なのにはみ出す理由と回避策。CSSを触るなら必ず理解しなくてはいけないボックスモデルの話。（CSS おれおれ Advent Calendar 2012 – 05日目） | Ginpen.com
width:100%なのにはみ出す理由と回避策。CSSを触るなら必ず理解しなくてはいけないボックスモデルの話。（CSS おれおれ Advent Calendar 2012 – 05日目）
あんどろさえ行けたらなぁ。。。。
コメントを残す