これは知らんかった、height:○○%;でいいんじゃね？とか思ったけど、heightだと親要素に影響受けるから、vh使うのが良さげ[css][デザイン]

amebloger-x のブックマーク 2014/11/10 14:47

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/234025040/comment/amebloger-x" data-user-id="amebloger-x" data-entry-url="https://b.hatena.ne.jp/entry/s/coliss.com/articles/build-websites/operation/css/css-make-full-screen-sections-by-ckor.html" data-original-href="https://coliss.com/articles/build-websites/operation/css/css-make-full-screen-sections-by-ckor.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fcoliss.com%2Farticles%2Fbuild-websites%2Foperation%2Fcss%2Fcss-make-full-screen-sections-by-ckor.html" data-user-icon="/users/amebloger-x/profile.png">[CSS]スクリプト無しで、縦長ページの各セクションごとの高さを設定するテクニック</a><br><p style="clear: left">これは知らんかった、height:○○%;でいいんじゃね？とか思ったけど、heightだと親要素に影響受けるから、vh使うのが良さげ[css][デザイン]</p><a class="datetime" href="https://b.hatena.ne.jp/amebloger-x/20141110#bookmark-234025040"><span class="datetime-body">2014/11/10 14:47</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！

[CSS]スクリプト無しで、縦長ページの各セクションごとの高さを設定するテクニック

coliss.com2014/11/10

フルスクリーンサイズでデザインされた縦長ページの各セクションの高さは、表示高さのいっぱいだったり、次のセクションが少し見えるように実装します。高さがいっぱいではない時、例えば80%, 90%だと通常はスク...

174 人がブックマーク・22 件のコメント

他のコメントを読む

＼コメントがサクサク読めるアプリです／

はてなブックマーク

[CSS]スクリプト無しで、縦長ページの各セクションごとの高さを設定するテクニック

はてなブックマーク

公式Twitter

はてなのサービス