1

私は自分のサイトにカスタムの背景を追加することができました。bootstrap.cssで本文を変更します

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-image: url("../images/norn-race.jpg");
    background-repeat:no-repeat;
    background-attachment:fixed;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background-color: #ffffff;
}

私の問題は、それが反応しないことです。背景をズームインすると大きくなり、ズームアウトすると背景は小さくなりますが、異なる解像度では常に同じサイズである必要があります。

私の間違いはどこにありますか？

また、背景は左右にしか表示されないことを追加する必要があります。現時点では、すべてをカバーするために大きな背景を使用していますが、80％がコンテンツによって隠されているため、これは不要です。

左右に画像を表示する正しい方法は何ですか？

4

2 に答える 2

2

レスポンシブ画像は、画像がコンテンツに含まれている場合に機能します。<img src="" alt="">背景画像として設定されている場合ではなく、としても機能します。

于 2012-08-17T12:33:55.333 に答える
0

レスポンシブデザインの背景サイズについては、background-sizeプロパティを確認してください

于 2013-05-16T10:44:41.547 に答える