Image 移动图像大小调整

我一直在为这个网站设计一个主题，让它看起来正是我的客户希望它在浏览器上的样子，但问题是当我缩小屏幕在手机上查看这个网站时，尤其是在Iphone上

在头+图标svg文件返回到其巨大的默认维度之前，似乎有一个最小阈值（大约768px宽度），从而使与此相关的所有其他内容都变得很小。我已经将图标更改为更小的PNG，但我不确定解决标题缩放/大小调整的最佳方法是什么，因此在小屏幕上所有内容都是成比例的

这里是有问题的css

media="all"
@media only screen and (min-width: 768px)
.logo-img {
width: 100%;
float: left;
margin: 0;
position: inherit;
}

好吧，我想起来了：

基本上，我只需要找到相关的css，它只适用于屏幕>768的情况，然后将其重新粘贴到一般样式下面，上面写着：

body {
  font-family: "Open Sans", sans-serif;
  font-size: 1.0em;
  color: #000000;
  background: #ffffff;
  font-weight: 400;
  min-height: 100%;
}
.wrap {
  width: 96%;
  margin: 0 auto;
}

因此，它也会对一般风格产生影响