0

そこで、FAQ ページを作成しているときに、スタイリッシュなヘッダーを作成しようと考えました。問題は、私がそれを持っていることです。ブラウザの側面にスナップする方法がわかりません（それがもっともらしい場合でも）。

CSS または JavaScript のいずれかがこの画像を取得するのに役立つかどうか疑問に思っていたこと: ( http://files.enjin.com/503205/FAQWelcome.png ) 50-75% の高さに設定します (見た目によって異なります)。 Web ブラウザーにスナップして、Web ブラウザーが小さくなるほど画像が小さくなるので、どのブラウザーでも同じ外観を維持できます。

また、純粋な HTML テキストのボートロードが展開と折りたたみの同じパターンに従うことができるかどうかも疑問に思っていました。

私は CSS にはあまりにも慣れていませんが、それを機能させる方法については中程度の理解があります。訪問するのが楽しい、きれいで流動的なウェブサイトを作成できるようになりたい.

編集: Enjin は Web サイト全体の CSS ではなく HTML モジュールの編集をサポートしないため、モジュール配置を使用しています。

4

1 に答える 1

0

この例の画像のフィドルは、ボディの背景として設定されています

body {
  background: #f8f8f8 url(http://files.enjin.com/503205/FAQWelcome.png) top center no-repeat;
}
@media all and (max-width:960px) {

  body {
   background: #f8f8f8 url(http://files.enjin.com/503205/FAQWelcome.png) top center no-repeat;
   background-size: auto 300px;
  } 

}

@media all and (max-width:600px) {

  body {
   background: #f8f8f8 url(http://files.enjin.com/503205/FAQWelcome.png) top center no-repeat;
   background-size: auto 200px;
  } 

}

応答性を得るには、CSS メディア クエリを使用する必要があります。メディア クエリを使用して画面サイズをターゲットにし、画面サイズごとに適切な CSS プロパティを設定します。

于 2013-09-16T02:22:33.147 に答える