0

次の問題: 多数の div を含むスクロール ページがあります。すべての div には bg-image と、テキストを含む別の div があります。

 <div id="intro">
            <h1>blabla</h1>
            <p id="text1_1"> another bla bla </p>
            <p id="text1_2"> and again bla </p>
 </div>

css3 で bg-image スケーリングを処理しbackground-size: cover;ます。ブラウザー ウィンドウをスケーリングすると、テキストは同じ位置に留まらず、bg-image に比例してサイズ変更されません。これを行う最良の方法は何ですか？ありがとう

4

1 に答える 1

0

残念ながら、問題を解決するための CSS のみの方法はありません。FitTextと呼ばれるトリックを実行する jQuery プラグインがあります。

問題は、これが機能するためには font-size プロパティが柔軟である必要があることですが、現在はそうではありません。CSS のみでこれを回避できる唯一の方法 (そのような解決策を探している場合) は、メディア クエリを作成し、小さいビューポートでフォント サイズを小さくすることですが、これはテキストを適応させるだけです。

于 2013-02-11T20:15:22.890 に答える