0

問題のある動作については、このWebアプリのウィンドウのサイズを変更してみてください。ヘッダーとボックスは最小サイズになるとサイズ変更が停止しますが、背景画像はページの中央に配置され続けますが、これは非常にばかげているように見えます。

背景画像に関連するコードは次のとおりです。

body{
  text-align: center;
  min-width:1000px;
  min-height: 600px;
  background: url(../images/road_newtry_tile4.jpg) 50% 50% fixed;   
}

background-positionが最小幅と高さを調整していなくても(つまり、ウィンドウは所定のサイズの後にサイズ変更を停止しますが、背景画像の中央に配置され続けます。

なぜこれをしているのですか?特定のポイントの後に画像が再センタリングされないようにするにはどうすればよいですか?

4

1 に答える 1

2

50%はブラウザウィンドウのサイズに関連しているため、これを実行しています。修正は、代わりに、最小幅と最小高さが設定されているラッパーdivに背景画像を配置することです。

于 2012-01-08T01:46:32.660 に答える