0

私のウェブサイトwww.codtelevision.com/live

リンクをクリックします。なぜかページが大きくなって、閉じると小さくなってしまいます。これを修正するにはどうすればよいですか?

4

1 に答える 1

0

問題は #bkimg 要素です。min-width: が 50%、min-height が 50% の絶対位置に配置されます。したがって、この画像はウィンドウ幅の 50% (それぞれ幅/高さ) に拡大されます。パーセンテージを削除すると、背景が「拡大」しなくなります。ただし、これにより、ブラウザー ウィンドウが調整されると、要素が画面外に移動します。

これが私が提案する修正です。

1) HTML から #bkimg 要素を完全に削除します。2) 必要なものを正確に反映するスタイルで body 要素をやり直します。この場合、body タグを次のように変更します。

body {
  background: url(wpimages/wp6a390e39.png) top center no-repeat;
}

これにより、背景がブラウザの中央に残り、ウィンドウ サイズに応じて「拡大」または「縮小」しなくなります。さらに、これにより、レイアウトに追加の問題が発生します。ページ構造全体のほぼすべてが、絶対配置された要素に基づいています。これは、ブラウザーのサイズが小さい場合、解像度が小さい場合、またはブラウザー ウィンドウを完全に拡大せずにブラウズすることを好むユーザー (ほとんどの OSX ユーザーはこれを行います) では問題になります。要素を絶対的に配置するのではなく、ブラウザーの流れに合わせてレイアウトを調整する必要があります。

于 2012-09-19T03:16:32.797 に答える