Windows 8 Store 앱의 다른 장치에서 화면 높이의 모든 높이를 사용하여 자동 열 수를 설정하는 방법은 무엇입니까?

Question

Windows 8 용 Windows 8 용 앱 개발 앱을 개발할 때 텍스트의 긴 내용과 몇 개의 이미지가 포함 된 페이지 레이아웃을 사용하여 일반적으로 '자동으로'열 수를 조정하는 간단한 방법을 찾고 있습니다. 사용자가 순서대로 텍스트를 텍스트를 읽으려면 스크롤하지 않아야합니다. 물론 가능한 한 많은 기기가 가로 모드에있을 경우 내용이 세로 막 대형으로 표시되고 세로 높이만 사용하고 필요에 따라 열을 추가하는 것을 방지해야합니다.

나는 같은 것을 할 경우 :

@media screen and (-ms-view-state: fullscreen-landscape) 
{ 
    #main { 
     width: 100%; 
     height: 100%; 
     display: -ms-grid; 
     -ms-grid-columns: 1fr 300px; 
     -ms-grid-rows: 132px 1fr; 
    } 
} 

난 항상 ... 만 2 열과 2 열이 나는 백분율, 분수 또는 픽셀을 사용했을 여부를 레이아웃 지정 끝을

인물 모드에서 추측하면 보통 하나의 열만 있으면 더 자연스럽게 느껴질 것입니다. 그렇습니까? 그러나 적어도 프리의 경우, Windows 8에서 찾은 다양한 종류의 화면 크기 때문에이 문제를 어떻게 처리해야할지 모르겠습니다.

도움을 주셔서 감사합니다.

Answer 1

업데이트 : 난 그냥 당신이 표시하는 방법을 많은 열을 지정하는 방법을 찾고하지 않는,하지만 당신은 여러 열로 당신의 긴 내용 오버 플로우를 가지고하는 방법에 대한 도움말을 찾는 것을 깨달았다 . 오해에 대해 죄송합니다. 아래의 원래 대답은 필요한 경우 몇 개의 열이 사용되는지 지정하는 문제를 해결합니다.

열 (너비, 열 수, 거터 등)을 지정하는 CSS 규칙이 있습니다. height 규칙과 함께 사용하면 원하는 것을 얻을 수 있습니다.

이

#main { 
    column-count: auto; 
    column-width: 200px; 
    height: 360px; 
    overflow: auto; 
} 

아래에 링크 된 MSDN 문서는 이러한 모든 옵션에 대해 설명하지만, 사이트 IE "손"은 실시간으로 놀러하게됩니다 :이 같은 것을보십시오.

참고 :

• MSDN article: Multi-column layout
• IE "hands-on" site

---

원래 답 :

당신은 폭에 따라 서로 다른 CSS를 가질 수있다.예 :

@media screen and (max-width:800px) 
{ 
    #main { 
     /* overrides for width less than 800 */ 
    } 
} 
@media screen and (min-width:800px) and (max-width:1200px) 
{ 
    #main { 
     /* overrides for width between 800 and 1200 */ 
    } 
} 

참고 :

• Metro: Understanding CSS Media Queries
• W3C: Media Queries