景观和肖像照片的一种css风格

时间:2012-08-15 19:10:08

标签: php javascript css

我正在显示以横向和纵向格式拍摄的图像。我想将它们设计为始终以500px显示照片的最长边。这可能吗?

3 个答案:

答案 0 :(得分:3)

有人发布了我使用的答案,然后因某种原因删除了它。它工作得很好。

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

谢谢!

答案 1 :(得分:0)

您可以设置背景大小:100%100%; (这将使图像填充其父元素) 然后,您可以使具有照片的div具有宽度:500px;

答案 2 :(得分:0)

<强> 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" />