Мобильный размер изображения

Question

Я работаю над темой для сайта http://silversoundz.com и хочу, чтобы он смотрел, как мой клиент хочет его в браузерах, но проблема возникает, когда я сжимаю экран, чтобы проверить сайт на мобильных телефонах, в частности, на Iphone ,

Похоже, что есть минимальный порог (около 768 пикселей ширины) до того, как заголовок + значок svg-файлов вернется к их огромным размерам по умолчанию, таким образом делая все остальное крошечным по отношению к этому. Я изменил значки на меньшие png, но я не уверен, что лучший способ действий для разрешения масштабирования заголовка/размера, поэтому все пропорционально на маленьком экране.

Вот проблематичных CSS

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

Answer 1

Хорошо, я понял это:

В основном я просто должен был найти соответствующий бит 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; 
} 

так что это повлияет на общие стили.