風景和肖像照片的一種CSS風格

Question

我正在顯示以風景和肖像格式拍攝的圖像。我想讓它們的樣式始終以500px顯示照片的最長邊。這可能嗎？

Answer 1

有人張貼我使用的答案，然後刪除了它的一些原因。它的工作完美。

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

謝謝！

Answer 2

您可以設置背景大小：100％100％; （這將使圖像填充其父元素） 然後，您可以使具有照片的div具有寬度：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" />