IT-Swarm.Net

반응 형 UI의 경우 $ content_width

우리의 " 모바일 첫 번째 "시대에서는 응답 성 UI가없는 테마가 석기 시대와 같이 취급됩니다. 이는 테마가 서로 다른 장치에 대해 서로 다른 콘텐츠 너비를 가질 수 있음을 의미합니다. 그러나 테마 개발을위한 요구 사항 중 하나는 테마의 컨텐츠 영역의 실제 폭을 포함해야하는 $content_width 변수를 제공하는 것입니다.

위에서 언급 한 사항을 고려할 때 $content_width 변수에 대해 너비를 설정해야한다는 큰 질문이 있습니까? mobile phones/tables/laptops/desktops의 너비?

1
Eugene Manuilov

그 변수가 테마에 추가되면 2008 년 7 월 입니다. 처음으로 누군가가 반응 형 디자인에 대해 이야기하기 시작한 것은 2 년 후 5 월 2010 이었습니다.

요즘 변수가 없어지면 (그 변수가 있다면) 중요합니다.

Codex 자체에서 최대 너비를 CSS로 설정하는 것이 좋습니다.

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

미디어 쿼리 를 사용하여responsive로 만들 수 있다는 것을 알고 있습니다.

이는 현대 테마의 내용 중단 레이아웃을 피하기에 충분합니다.

그러나 $content_width 변수는 클라이언트 장치가 시각화 할 수있는 최대 너비가 아니라 테마가 처리하는 최대 너비를 나타냅니다.

따라서 기본 열이 큰 고정 레이아웃 (예 : 600px, $content_width를 해당 값으로 설정하십시오.

유연한 레이아웃이나 응답 성있는 CSS를 사용하는 경우 권장되는 CSS를 설정하고 $content_width를 전혀 사용하지 않거나reasonablebig size (full hd ?)는 표시하고자하는 가장 큰 크기이기 때문에 클라이언트 장치가 너비를 지원하지 않으면 다른 방법으로 수행해야합니다. ..

5
gmazzap