平板电脑和手机上的徽标调整大小问题

Question

在我的网站上，当我尝试从平板电脑和手机查看网站时，徽标取决于搜索框，但是从PC上可以。我收录了一张照片来向你展示我的意思。谁能帮我解决这个问题吗？

由于来自平板电脑和手机看：

Answer 1

这是发生，因为图像的宽度和高度是预定义的。这意味着无论您使用何种设备，图像都会保持在指定的宽度/高度。

您将需要使图像响应。

您可以通过将图像包装在具有定义的宽度/高度的div（可能是引导网格列）中，然后在图像上应用Bootstrap的`.img-responsive'类来实现。

我会提供一个代码示例，一旦您发布代码&图像需要的位置。 （请参阅您主线程中的注释）

Answer 2

尝试将.img响应类添加到主题文件中的标记。