如何调整不同图像的大小以在导航栏中修复 [重复]

Question

我有一个要求，不同公司（我们的客户）可以使用同一页面，并且导航栏上的图像必须是他们的徽标。现在，我正在测试的徽标都有不同的大小和尺寸。

我尝试了一些方法，例如设置最大高度、最大宽度等，但由于徽标本身的尺寸不同，高宽比也不同（比如有些是正方形的，有些是长名称，整体矩形尺寸为 380*200 )。

现在我需要以某种方式维护它并仍然适合这些图像。使用 css 或 HTML 标签来实现这一点。 我目前正在处理这样的事情：

<img src="<?php echo $imageUrl?>" style="max-height: 180px;max-width: 40px"></a>

Answer 1

您可以尝试在宽度和高度中使用百分比，而不是使用固定像素。

例如 id/classofimg{ width:50%; }