html - CSS でのテキストと画像のスケーリング

Question

背景画像を任意の画面に合わせて拡大縮小し、同時に画像の上にテキストを書き込んで、この拡大縮小を画面サイズにも合わせようとしています。これはサイトです: www.beautebeaute.dk

このフォーラムで回答を検索して、背景画像を配置しました。このコードでうまく機能します：

CSS

#imagescale {    
    width: 100%; 
    position: scroll; 
    left: 0px; 
    top: 0px; 
} 

.stretch {
    width:100%;
    height:100%;
}

HTML:

<div id="imagescale"><img src="http://beautebeaute.dk/wp-content/uploads/2013/11/Topbilledeny.jpg" class="stretch" alt="" / >

しかし、画像に合わせて拡大縮小するオーバーレイテキストのコードをどのように書くことができるのか、うまくいかないようです。このフォーラムで見つけたガイドを使用すると、ウェブ、モバイルなどの画面で流れません。助けてもらえますか?

Answer 1

テキストを svg 画像として追加して、拡大縮小してみませんか?