2

データベースから画像を取得する「エコー」がありますが、アップロードすると、サイズが自動的に 200x113px に変更されます。写真をそれほど拡大縮小したくないので、次のようにしたい：

約 500x500 ピクセルの「ボックス」が必要です。たとえば、500 ピクセルを超える画像をアップロードすると、幅が 500 ピクセルに縮小されますが、縦横比は維持されます。

概要: コードを使用して画像を画面に表示したときの画像の最大サイズを設定したいと考えています。そして、そのサイズに収まり、そのプロポーションを維持する必要があります。

画像を取得する私のコードは次のとおりです。

{echo "<tr><td colspan='2'><img src='http://xxxx.se/ok/eventbilder/"   . $row['photo'] .  "'></td></tr>";}
4

4 に答える 4

1

この CSS を使用します。

img {
  max-width: 500px;
}

またはwidth、td に a を設定して、画像の幅を 100% にします。高さまたは幅のいずれかのみを設定していることを確認してください。そうしないと、画像の比率が (自動的に) 維持されません。

于 2013-03-12T08:08:58.900 に答える
0 
{echo "<tr><td colspan='2' style='width:500px;height:500px;'><img src='http://xxxx.se/ok/eventbilder/"   . $row['photo'] .  "'></td></tr>";}
于 2013-03-12T08:13:33.197 に答える
0

<img>好きなクラスを与えることもできます<img class="dbimg" src="from database"></img>

そのクラスにすべてのスタイルを与えます

.dbimg{
width:auto;
max-width:500px; //by only define width it will automatically takes up height as per its proportions 
//other styling  
}

このアプローチを使用する利点は、

1.毎回コードを書く必要がなく、単一のクラスでimgの任意の数を作成できます

と

2.さまざまなサイズで表示するような画像がさらにある場合は、多くの組み合わせを作成できます

于 2013-03-12T08:24:33.487 に答える