移动图像大小调整

Question

我一直在为网站http://silversoundz.com制作一个主题，并让它看看我的客户在浏览器上是如何想要的，但当我缩小屏幕以检查移动设备上的网站时问题就出现了，特别是iphone。

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

这是有问题的css

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

Answer 1

好的我明白了：

基本上我只需找到css的相关位，它只是用于屏幕＆gt; 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;
}

所以它也会对一般风格产生影响。