Tablet和Mobile上的徽标调整大小问题

Question

在我的网站上，当我尝试通过平板电脑和手机查看网站时，徽标可以进行搜索，但是从PC上可以。我附上一张照片，告诉你我的意思。任何人都可以帮我解决这个问题吗？

从平板电脑和手机看：

Answer 1

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

您需要让图片响应。

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

一旦发布代码，我就会提供一个代码示例。图像需要的位置。 （见主线程评论）

Answer 2

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