스마트 폰의 추가 공간

Question

내 사이트의 테마는 Drupal 반응 테마 (Pixture 다시로드 됨)이며 최대 너비는 1140px이고 너비는 90 % 인 960px 너비로 설정됩니다.

PC에서는 모든 브라우저에서 사이트가 잘 보입니다. SP에서는 왼쪽에서 여분의 공간이 있습니다. 이유를 확인하고 수정하는 방법을 모릅니다. 무엇이 잘못되었는지 이해하도록 도와주세요. 감사.

Answer 1

템플릿과 함께 제공되는 CSS 파일에서 media-queries을 편집해야합니다. 당신은 물론 첫 번째 라인을 변경하여 해당 스타일 시트를 수정할 수 있습니다

@media only screen and (max-width: 960px) { 
    body { 
    padding-left:20px; 
    padding-right:20px; 
    } 
} 

, 예를 들면 : max-width:960px;으로 화면을 위해 몸에 추가, 20 픽셀의 패딩을 추가하려면, 나는 코드에 다음과 같은 추가 제안 (500) 사이의 폭과 960 픽셀 화면에 대한 40px의 패딩을 만들기 위해 당신은 작성합니다

@media only screen and (min-width:500px) and (max-width: 960px) 

당신이 미디어 쿼리를 사용하지 않으려면, 당신은 단지 추가하여 몸에 직접 패딩을 적용 할 수

body { 
    padding-left:20px; 
    padding-right:20px; 
} 

이렇게하면 모든 화면에 여백이 추가되지만 (960px보다 넓음) 최종 결과는 동일합니다.

그래서 당신이 더 편안하게 넘어갈 수있는 옵션을 선택하십시오. 첫 번째는 더 많은 유연성을 제공하지만 더 복잡합니다. 두 번째 방법은 더 간단하고 구현하기 쉽습니다.

Answer 2

문제가 계속 ...

내 다른 사이트 www.Grar-Natan.co.il는 동일한 템플릿 (와 동일한 CSS)를 사용하여이 문제를 가지고 있지 않습니다. 사이트 간의 유일한 괴리는 두 번째 사이드 바가 있다는 것입니다 ... 사이드 바가 부족하면 문제가 발생할 것 같습니다 ... 쉽게 넣을 수는 있지만 사이트에 사이드 바를 넣지는 않을 것입니다.