모바일 이미지 크기 조정

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

내가 그것을 알아 냈 확인 : 난 그냥 단지 화면> 768에 대한에서 발로 된 CSS 관련 비트 찾아야했다 기본적으로

를 재 붙여 넣기

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; 
} 

이렇게 일반적인 스타일에도 영향을 미칠 것입니다.