0

ここ 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 の機能も受け入れることができます。

4

1 に答える 1

0

この記事が役立つと思います。

著者が作成した jsfiddle を確認してください。

于 2013-07-15T20:31:26.767 に答える