忍者ブログ
17 May

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

23 February

スクロールできてコンテンツを縦横フルサイズにしたい

http://mae.chab.in/archives/2749
まさにやりたいことがのっててありがたい！

縦横100%サイズのフルスクリーンていうと、一面だけが多い。
htmlとbodyにもheight:100%;するとかそういうやつ

※追記
http://www.aiship.jp/knowhow/archives/16827

Android4.4～とかマジ盲点だった…超使えねーわクソが...
4.4とか最近すぎだろしねや
自分のスマホにも対応してなかったﾜﾛ

フルスクリーンにしたい要素
.box {
  width: 100vw;
  height: 100vh;
}


中身を真ん中にもってきたい（テキストや画像）
.box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
PR