0

Web サイトに画像 (background.jpg) があります。デスクトップでは問題なく表示されますが、モバイルでは正しく表示されません。stylesheet.css で何を変更すれば、画像のサイズが縮小してデスクトップと同じように見えるようになりますか?

現在のコード:

#services-top-desktop {
    background: #fff url(../img/background.jpg) fixed no-repeat center;
    background-size: cover;
}

#services-top-mobile {
    background: #fff url(../img/background.jpg) no-repeat center;
}
4

1 に答える 1

1

コードでは、デスクトップ用とモバイル用の 2 つのクラスを使用します。代わりに、css でジェネリック body クラスを使用してください

body {

  background-image: url('../img/test.jpg');
  background-repeat: no-repeat;
  background-size: cover;

}
于 2013-05-21T03:12:05.697 に答える