背景画像を画面の高さに合わせ、画面の高さが変わってもテキストを背景画像の中央に表示させるように設定しています。
画面の高さや幅が変わった時に、テキストのサイズも自動で変化するようにするにはどのようにすれば良いのでしょうか。
メディアクエリのブレイクポイント毎に変化させるのではなく、画面の大きさに合わせて表示するような方法が知りたいです。
現状テキストのサイズをpxで指定しており、(当然ですが)画面のサイズを変えても同じ大きさのままなので、縦横に合ったサイズにしたいと思っています。
そもそもメディアクエリ以外の方法はあるのでしょうか?
初心者の質問ですみませんが、よろしくお願いいたします。
php
1<div id="top"> 2 <h1>テキスト</h1> 3</div>
css
1top{ 2 background-image: url(images/abc.jpg); 3 background-size: cover; 4 background-position: center center; 5 width: 100%; 6 height: 100vh; 7 display: flex; 8 justify-content: center; 9 align-items: center; 10}
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/04 14:30