我正在尝试在网站的导航栏中实施徽标。这在较大的屏幕上效果很好,但在较小的屏幕上,导航栏会中断

没有徽标:
Click Here
带有徽标和尺寸调整问题:
Click Here

我猜我可以将徽标图像更改为响应/在页面的自定义CSS中消失,但不确定如何操作。
任何帮助表示赞赏!

最佳答案

如果希望在较小的屏幕上缩小徽标,使其不大于视口,则应像处理其他图片一样在CSS中设置max-width值。

您可以通过添加max-width:100%或将您的.img-responsive-类(用于其他图片)添加到徽标标签中来执行此操作。

干杯

关于html - Bootstrap Dynamic Navbar不会为移动设备调整大小,因为我包含徽标,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18580774/

10-13 09:13