웹 사이트가 WordPress에 있는데 콘텐츠에 약간의 문제가 있습니다. 컴퓨터의 주요 컨텐츠는 훌륭하게 보여줍니다. 휴대 기기에서 볼 수 있듯이 콘텐츠는 약입니다. 너비의 50 %와 나는 왜 .. 모르겠다. 아무도 나를 도와 줄 수 있니?휴대 기기의 콘텐츠 가로 길이가 좁음
웹 사이트 : http://www.djreneek.com
모바일 스크린 샷 : https://dl.dropboxusercontent.com/u/19898988/Screenshot_2013-07-31-21-41-18.png
가 대단히
편집 감사합니다 지금은 너무 ... (ščťžýá 등 모바일 기기에서 작동하지 않습니다 분음 부호를 참조)
모바일 브라우저 용 문서의 <head> 내에 뷰포트를 설정했는지 확인하십시오.
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
감사합니다. 나는 집에 없지만 내일이 라인을 추가하려고 노력할 것이다. –
시도했으나 도와주지 않았습니다. –
예, 미디어 쿼리가 없으므로이 기능이 작동하지 않으므로 용도가 없습니다. – samrap
문제는 웹 사이트에서 래퍼입니다. 스크린 샷을 보면 실제 내용을지나 수평선이 생기므로 래퍼 또는 컨테이너가 너무 큽니다. 래퍼에서 max-width: n px;을 사용해보세요. 그래도 작동하지 않으면 미디어 쿼리를 시도하십시오. 당신의 CSS에서 예를 들어
는 :
@media screen and (max-width: 600px) {
#wrapper {width: n px;}
}
은 화면의 폭> = 600PX 인 경우, 이러한 스타일을 업데이트했다.
이것은 래퍼의 스타일을 결정합니다. 이 경로를 따라 간다면 추가 메타 태그로 응답 한 Vector를 구현하는 것이 좋습니다. 기본적으로 문서에 미디어 쿼리가 있음을 알립니다.
콘텐츠 아래의 가로선은 너비가 실제 콘텐츠보다 훨씬 큰 컨테이너가 있음을 나타냅니다. 모바일 웹 페이지가 화면에 표시되므로 전체 컨테이너가 표시됩니다. – samrap
흠 ... 그걸 고치는 법을 말해 줄 수 있니? –
그래,하지만 먼저 대답 해 줘. WordPress의 템플릿 중 하나를 사용하고 있습니까? 아니면 직접 작성 했습니까? 템플릿 중 하나라면 html과 css에 대한 기본적인 이해가 있습니까? 그리고 코드를 변경할 수 있습니까? 나는 그들이 당신이 그들의 템플렛을 바꾸게하는 경우에 wordpress로 이렇게 결코 idk 일하지 않았다 – samrap