2019年9月12日こんにちは。最近はスマホで表示するWebアプリの開発をさせてもらっています。どの端末でみても、要素を上下左右の中央に配置したい!というシチュエーションに遭遇したので、対応を備忘録的にメモしておきます。width)とともに追加されたそうです。vhを利用することで、画面サイズの高さに対する割合を指定することができます。center;こんな具合で書いてやることで...画面の真ん中に要素が配置されました!!タブレットでも...画面を縦(ポートレート)にしても...ちゃんと真ん中に揃っています!ポイントとして、要素の位置が左上から計算されるので、vhだけでは真ん中より若干下に配置されてしまいます。それを「translateY(-50%);」で高さの半分の値を引き戻すことで、ぴったし真ん中に位置することができました。absolute;でゴリっと書くと、端末によって位置がズレちゃうな〜というので悩んでいたので、解消できてよかったです。短いですが今回はここまで。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。