背景画像がうまくはまりません

Question

下のisaraの背景画像のようにいしたいのですが、上のように拡大されてしまいます。
どうしたらいいのでしょうか。

background: url(../images/o1.jpg);
  background-repeat: no-repeat;
  background-size: cover;

<div class="header_bg">
       <div class="header_main">
           <h3>プログラミングで<br>人生の安定を手に入れよう</h3>
           <img src="../images/logo.png">
           <p>バンコクのノマドエンジニア育成講座<br>iSara[イサラ]</p>
       </div>
       </div>

Comments

[okina]

htmlなども見せていただけますか？
要素のサイズによって表示のされ方が変わります

[退会済みユーザー]

backgroundでやっているのでwidth heightともに指定していないです。

[退会済みユーザー]

。

[okina]

？？？？

background-size:coverだと要素を埋めるように拡大縮小します。
このサイトの構造がどうなっているのか分かりませんが、画面の縦横比などの問題で拡大縮小されたのではないでしょうか

Answer 1

要素自体にpaddingなりmarginを指定すれば良いのでは？