Web サイトでセミレスポンシブ デザインを作成しようとしています。max-width
そのために、ピクセル単位でa を設定したページ ラッパー以外のすべての幅と高さにパーセンテージを使用します。
また、私は自分の写真を 100% 均等に配置max-width
しmax-height
て、人々がブラウザーのサイズを小さくすると、画像も残りのコンテンツと一緒に表示されるようにします。これは Chrome では意図したとおりに機能しますが、IE10 では機能しません。私が見る限り、それは私が自分の写真をdivに入れたときだけですdisplay: table-cell
div に画像がないと、IE と Chrome の両方で、ウィンドウ サイズに応じて div が増減します。しかし、 を使用して画像をstyle="max-width: 100%; max-height: 100%;"
挿入すると、少なくとも IE ではスケーリングされません。
これはバグですか、それとも意図したとおりに機能していますか。そして、私にできることはありますか?:)
前もって感謝します。