如何在标题中使图像徽标响应

Question

当我调整窗口大小时，如何使徽标响应 或在任何设备中浏览网站

我尝试将宽度设为100％或添加类img-responsive 但它没有奏效

检查此图片以了解问题

我正在使用bootstrap 我只是想让徽标在任何设备和任何尺寸上都是无用的 非常感谢

Answer 1

我也有同样的问题，这就是我所做的。

 #parent{ //example .header in your case
position : relative;
 }

 #selector{
 padding-top : 2px;//to prevent image from touching top[optional]
 width : 19% !important;
 }

如果你想对图像进行'绝对'定位，你可以为你的元素的父元素添加一个相对位置，然后为你的孩子添加一个绝对位置，在这种情况下是一个图像。

  $('#selector').css({
   'padding-top' : '2px',
   'width' : '19%' //select your prefered width here.
  });

我相信这会有效，因为它对我有用。一旦你尝试过，请告诉我。

这些样式中的一些在覆盖时是有问题的，即使在使用'！important'之后，所以我用javascript或jquery强制覆盖。但是当你使用javascript / jquery时，他们会遵守。例如

  $('#parent').css('position','relative')

这是在将父母置于相对位置之后。即..

UICollectionViewController