ここ 1 ~ 2 日間立ち往生している問題があります。
3x3table
があり、すべてのセルに画像があります。すべての画像は異なるサイズです。
これは私が欲しいものです:
1) 常に、すべてのセルは同じサイズにする必要があります (つまり、すべて同じ高さとすべてtr
同じ幅td
)。
2) ウィンドウの幅が縮小されると、セルと画像は使用可能なスペースに収まるように自動的に縮小されます。ただし、すべてのセルは同じ幅と高さでなければなりません。
3) 画像は本来のサイズを超えて拡大してはなりません。
4) すべての主要なブラウザーで動作するはずです。
JSFiddle: http://jsfiddle.net/ahmadka/AC3DL/
CodePen (JSFiddle が時々ダウン/遅い): http://codepen.io/anon/pen/qAasC
私はいくつかの異なることを試しましたが、私の基準に合ったものが見つかりません..誰かが私を助けてくれることを願っています..
CSS/HTML だけでは実現できない場合に備えて、JavaScript の機能も受け入れることができます。