2013-03-28 4 views
-1

저는 site에서 일하고 있습니다. 그것은 Fit WordPress theme을 기반으로합니다.내 테마가 반응이 없습니다.

테마는 반응 형이며 모든 메타 태그를 넣을 수 있다고 말할 수 있지만 작동시키지는 못합니다. 이미지가 늘어나고 메뉴가 누락되어 CSS를 계속 변경하지만 아무 소용이 없습니다. 그것은 휴대 전화에서 잘 보이지 않으며 심지어 내 창 크기를 바꿀 때도 상황이 바뀌고 있습니다 (다른 문제).

+0

Rodney, 저는 실제 문제와 관련이없는 모든 것을 제거하기 위해 질문을 편집했습니다. 보시다시피, 거대한 텍스트 블록은 본질적으로 단축 될 수 있습니다. 인사, 인사, "도움"및 감사는 소음으로 간주됩니다. 이 작은 가이드를 확인하십시오 : [ask] – brasofilo

답변

0

테마는 반응 형입니다. 모든 화면 해상도, 글꼴 크기 등에서 귀하의 웹 사이트를 체크 아웃했습니다.

대부분의 경우 테마는이 효과를 얻기 위해 스타일 시트에서 @media queries을 사용하지만 다른 방법이 있습니다.

그 차이는 입니다.유체 인입니다. 두 가지 아이디어를 섞어서 생각하는 것 같습니다. 반응 형 디자인은 화면 해상도에 따라 상황을 바꿀 것입니다. (사이드 바를 다른 메뉴에 배치 할 수 있습니다.) ...

가장 큰 차이점은 유체 레이아웃 (Liquid Layout)은 비례 적으로 응답 성 디자인은 CSS 미디어 쿼리를 사용하여 화면 크기/화면 유형에 따라 다른 레이아웃을 표시하므로 웹 레이어를 배치하면 요소가 다른 화면 크기에서 동일한 공간 비율을 차지합니다. 두 종류의 디자인에 대한 예제는 Inspiration: Fluid & Responsive Design을 참조하십시오.

유체의 의도는 모든 요소에 동일한 공간 가중치를 유지하는 것이며 같은 종류의 여러 화면 크기에서 정상적으로 작동합니다. 그들은 32 ", 고해상도 모니터와 12"저해상도 노트북에서 괜찮아 보입니다. 그들은 구현하기가 쉽습니다.

반응 형 디자인의 의도는 화면 유형에 맞게 특별히 설계된 다양한 장치 레이아웃을 제공하는 데 있습니다. 사이트의 레이아웃은 일반적으로 스마트 폰의 단일 열로 축소됩니다.

더 자세히 보려면 ​​Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You을 확인하십시오. Smashing Magazine은 유체 설계의 주요 변경 사항을 심층적으로 다룹니다. 그들은 또한 반응 형 (Responsive Design을 깊이 파고 들고 싶다면 많은 링크가 있습니다.)에 대한 개요는 Responsive Web Design Guidelines and Tutorials입니다.

반응 형 디자인은 모바일 덕분에 현재 "많이"있습니다. 스매싱은 실제로 whole tag for responsive design입니다.

개인적인 견해로, 제 생각에는 귀하의 사이트가 그 방법이 훌륭하다는 것입니다. 반응 형 레이아웃을 선호합니다.

+0

Jason 대단히 감사합니다. 원래는 유체 설계에 대해 조금 배우기는했지만 실제로 구현할 기회는 없었기 때문에 의미가 있습니다. 나는 내 휴대폰에서 보이는 방식에 불만이다. (홈 페이지에서 내 메뉴를 잃어 버리고 다른 페이지의 이미지가 화면 크기에 맞게 펴지고 뭉개진다.) 내가 데스크톱 크기와 닮았 으면 좋겠다. 내가 그것을 유동적 인 디자인으로 만들 필요가 있음을 의미한다고 믿는다. 당신의 대답은 내가 뭘 잘못하고 있는지 명확히하는 데 도움이되므로 다시 한번 감사드립니다. –

+0

문제 없습니다. 내 안드로이드에서 테마 설정 방법은 "메뉴"를 클릭하여 검색 기능 바로 위에 나타나는 메뉴를 가져와야합니다. 그래서 당신은 당신의 메뉴를 잃지 않고 있습니다; 당신은 단지 당신의 테마의 반응 형 디자인을 이해해야 만합니다. –

관련 문제