2012-03-27 16 views
0

私のウェブページ上のグリッドウィンドウに画像を表示しようとしていますhttp://foottherapy.tumblr.com/リサイズされたバージョンとして表示(つまり、画像全体がグリッドウィンドウに対してのみサイズ変更されます)この部分表現。私は高さの属性を変更してみました:それらのブロックの100%または幅:100%が動作しませんでした。 本当にありがとうございます。ウェブページ上の小さなプレビューウィンドウに画像を自動的にリサイズ

答えて

0

はい。 CSS background-imageを使用して読み込んでいるか、<img>タグでロードしているので、サムネイルと一致するようにdivサイズを調整するか、画面上の画像のサイズに自動的に調整されます。代わりに< img height='200' width='200' />を使用して、ブラウザによるスケーリングを強制することもできます。ブラウザのスケーリングでは品質があまり良くない可能性がありますので、通常、高品質のスケーリングを行い、画像の比率を尊重するソフトウェアやコードを使用して事前にスケーリングします。

cssの別の代替方法は、新しいcss3オプションを使用することです:background-size: 200px 50pxですが、これは幅広い視聴者にこれを見せたい場合にはお勧めできません。

0

<img src='...' style='width:200px;'/>(例:200px - ページに必要なものを使用してください)。 style = 'height:100px'で高さを制限することもできます。両方を使用すると画像が歪むことがあります(比率を維持したい場合は両方を使用しないでください)。

関連する問題