1

私はサイトに取り組んでいます。問題のページは次のとおりです。

http://bit.ly/I4YR2T

現在、テーブルに画像があります。これらの画像にも Shadowbox を使用しています。

Chrome と Safari でブラウザ ウィンドウを最小化すると、画像がうまく縮小されます。

ただし、Firefox でウィンドウを最小化すると、画像がうまく縮小されません。

このページには最も多くの画像があり、最も問題を抱えていますが、Firefox では、サイト全体が Chrome や Safari ほどうまく縮小されていないことに気付きました。IEはまだチェックしていません。

これは、私の見掛け倒しの CSS が原因であることはわかっています。

この問題を解決する方法を教えてもらえますか?

どうもありがとう！

4

2 に答える 2

1

この回答を参照してください「最大幅はインライン要素には適用されないため、ブラウザ間で一貫性のない動作が発生します... div img { display:block } を設定し、img ... タグを代わりにフロートで揃えると、それを実現できます標準インラインの。」これはおそらく、テーブルを削除するか、テーブル セルをブロックとして表示するように設定することを意味します。

于 2012-04-08T07:42:53.500 に答える
0

Firefoxでも同じ問題がありました。Chrome では動作するようになりましたが、Firefox ではコードが表示されません。だからここに私がしたことがあります：

/* begin HeaderObject */
.banner-img {
  display: block; 
  margin: 0 auto; 
  max-width: 99%;
  left: 50%; 
}
/* end HeaderObject */

を 99%に変更したmax-widthところ、正しく表示され、正しくサイズ変更されました。ヘッダー オブジェクトは CSS のヘッダー内に配置されていたので、たまたま、ヘッダー内に「ネスト」されていたので、幅を狭くしても動作するかどうかをテストしました。次にleft: 50%;、画像を中央に表示したいので、コードを追加しました。今は大活躍。

于 2014-02-06T02:15:11.597 に答える