7

教授のために Web サイトを開発していますが、Firefox の CSS に問題があります。Web サイトは流動的な幅/高さになるように設計されているため、どの解像度でも画面いっぱいに表示されます。そのため、高さと幅に多くのパーセンテージを使用しています。ただし、画像に問題がありました。

http://projects.mediabounds.com/i.bradley.edu/

サムネイルの上部バーは画像をスケーリングする必要がありますが、Firefox では機能しません。画像は元の高さ 100% のままです。Safari では問題なく動作します (Internet Explorer については知りません)。高さを 100% に、幅を自動に設定しました。画像を div の高さの 100% にスケーリングし、それに応じて幅を調整することを期待しています。

誰かが私が見逃したことを指摘できますか?

4

2 に答える 2

4

画像の高さを 100% にする必要がありますが、親要素は目的の高さと幅をパーセンテージで指定する必要があります。

基本的に、画像を含む DIV を作成し、DIV に目的の幅と高さをパーセントまたはピクセルで指定します。画像を DIV 内に配置し、高さを 100% にします。

これが、Firefox が画像を処理する方法です。

于 2011-12-17T00:10:30.913 に答える
1

私もこれにぶつかり、ビューポートの高さの 5% のようにvh、CSS の単位を使用して複数のブラウザーで一貫した高さを得ることができました。max-height: 5vh;

于 2016-12-18T00:33:38.477 に答える