html - 如何调整不同图像的大小以固定在导航栏中

标签 html css twitter-bootstrap

<分区>

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

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

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

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

最佳答案

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

例如 id/classofimg{ 宽度:50%; }

关于html - 如何调整不同图像的大小以固定在导航栏中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37342073/

上一篇:html - 如何在图像上放置 Bootstrap 面板

下一篇:javascript - jQuery 汉堡菜单有效但没有动画。只有 'jumps' 打开

相关文章:

javascript - 在运行时 HTML 元素上调用单击事件处理程序

php - 包含和 header php 建议

jquery - 如何使父 div 的高度缩放到其子项?

php - Bootstrap 弹出窗口表单未使用 AJAX 提交

twitter-bootstrap - Bootstrap 停止与 React 一起使用

html - CSS下拉菜单问题

html - html中的边框不是圆 Angular 的

css - 包含在现有元素中的最小 Bootstrap CSS

html css Gif 动画

jQuery 设置列表项的宽度