Question

Google网页速度和其他测试网站告诉我应该将<img height width />添加到我的所有图片中。

如果我的图像是随机的，我如何动态添加图像的高度和宽度？

例如，我正在循环，显示，一些帖子附件，他们都有各种图像高度，但都有200px的宽度。

所以我可以定义宽度，但不能定义高度。

编辑：我正在使用PHP

Answer 1

仅定义宽度，高度将自动匹配内容的高度

Answer 2

你用php循环你的图像吗？如果是这样，请看一下：

<?php
list($width, $height, $type, $attr) = getimagesize("img/flag.jpg");
echo "<img src=\"img/flag.jpg\" height=\"$height\" width=\"$width\" $attr alt=\"getimagesize() example\" />";
?>

此处有更多信息：http://es1.php.net/manual/en/function.getimagesize.php

Answer 3

你是如何装载图像的？你可以正确使用变量，所以你需要使用一个简单的aritmetic操作，如下所示：

new_height =身高/宽度* 200;

例如，如果您的图像宽度= 500px且高度= 300px，则新高度必须为：

new_height = 300/500 * 200; new_height = 120;

Answer 4

css方法：

img {
  width: 200px;
}

html方法：

<img src="http://yoursite.com/image.jpg" width="200px" />

不要定义高度，高度会根据200px的宽度和图像的纵横比自动调整。

如果我的图像是随机的，我如何声明img的宽度和高度？

4 个答案: