バックグラウンドイメージでCSSの高さを知る方法を教えてください。

Question

私はウェブサイト上で作業していて、特別なフォントを持っているため、タイトルに背景画像を入力したいと考えています。学校では、このようにしなければならないことを学びました。私は自分の背景イメージに高さを付ける必要はなく、正しいサイズでポップアップさせるにはどうすればいいですか？どうも！

.title{ 
 
    background-image: url(...); 
 
    background-repeat: no-repeat; 
 
    /*it displays nothing now, only when I add a height here*/ 
 
} 
 

 
.titlespan{ 
 
    visibility: hidden; 
 
}

<h1 class="title"><span class="spantitle"></span></h1>

Answer 1

試してみてください。

.title{ 
    background-image: url(...); 
    background-repeat: no-repeat; 
    background-size:contain; 
    background-position:center; /* bonus, to position the background image */ 
} 

'背景サイズ：含まれている' 要素内の背景画像フィットの高さと幅の両方を保証します。