php - 風景写真とポートレート写真の1つのCSSスタイル

Question

横向きと縦向きの両方の形式で撮影された画像を表示しています。写真の最も長い辺が常に500pxで表示されるようにスタイルを設定したいと思います。これは可能ですか？

Answer 1

誰かが私が使用した回答を投稿した後、何らかの理由でそれを削除しました。完全に機能しています。

max-width: 500px;
max-height: 500px;

ありがとう！

Answer 2

background-size：100％100％;を設定できます。（これにより、画像がその親要素を埋めるようになります）次に、写真を含むdivをwidth：500pxにすることができます。

Answer 3

PHP

list($width, $height, $type, $attr) = getimagesize("img/test.jpg");
if($width > $height){
    $newWidth = 500;
    $newHeight = (500 / $width) * $height;
}else{
    $newHeight = 500;
    $newWidth = (500 / $height) * $width;
}

HTML

<img src="img/test.jpg" width="<?php echo $newWidth; ?>" height="<?php echo $newHeight; ?>" alt="Test" />