background:url('')center center / cover no-repeat fixed;
height: 100vh;
vhはviewport heightでビューポートの高さに対する割合を指定する単位です。
vwはviewport widthでビューポートの幅に対する割合です。
知らない単位だったけど、やりたいこと出来た!
投稿日:2017年4月28日 更新日:
画面の縦幅いっぱいに背景画像を表示する
投稿日:2017年4月28日 更新日:
background:url('')center center / cover no-repeat fixed;
height: 100vh;
vhはviewport heightでビューポートの高さに対する割合を指定する単位です。
vwはviewport widthでビューポートの幅に対する割合です。
知らない単位だったけど、やりたいこと出来た!
関連記事
アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 ...
よくサイトで見かけるイメージ画像がひたすら流れるやつをサイトに実装したいと思い調べたところ、下記のサイトに使いやすそうな無限ループスライダーがあったので実装。 jQueryで無限ループスライダー 目次 ...
mmenuは初心者でも簡単に使えるjQuery plugin|スマホ用メニュー
スマホ用メニューを作成する時によく使っているのがjQuery pluginのmmenuあまりjQuery詳しくない私でも簡単に使えるところが気に入ってます。オプションで色々設定もできるみたいなので、初 ...
jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。 width:100%; background:url()center center no-repeat f ...