GridLayout이 전체 화면을 덮는 이유는 무엇입니까?

나는 다음과 같은 HTML 코드가 있습니다GridLayout이 전체 화면을 덮는 이유는 무엇입니까?

<GridLayout> 
    <GridLayout #background class="background"> 
    </GridLayout> 

    <StackLayout #initialContainer class="initial-container"> 
    <Image src="res://logo_login"> 
    </Image> 
    .... 
    .... 
    </StackLayout> 
</GridLayout>

내 질문은 background 클래스와 함께 GridLayout과에 대해입니다.

이

는 클래스의 CSS입니다 (! 여기에 오렌지 배경,하지 로고)

.background { 
    background-image: url("res://apple"); 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center; 
}

분명히 그것은 실제 배경입니다. GridLayout과 전체 화면을 커버하는 이유

질문 는 이해가 안 돼요. 그리고 그렇더라도, StackLayout이 GridLayout 뒤에있을 것으로 기대하고있었습니다. 나는 이미 background-size:cover이 전체 공간을 차지하고 있다는 것을 알고 있지만, 왜 GridLayout이 전체 화면을 덮고 있는가? 그리고 내 CSS에 없을 때 로고와 제목이 절대적으로 위치하는 것처럼 보이는 이유는 무엇입니까?

출처

2017-11-14 Royi Namir

팽창 된 행 또는 열 레이아웃을 공유하십시오/ –

바깥 쪽 레이아웃은 GridLayout입니다. 행과 열을 지정하지 않으면 레이아웃의 모든 레이아웃이나 항목이 맨 위 왼쪽의 격자 셀에 서로 쌓아 올려집니다. html로. 이 문제를 해결하려면 외부 레이아웃을 StackLayout으로 바꿔야합니다.

출처

2017-11-14 09:14:20 mast3rd3mon

해결할 문제가 없습니다. 그 배경이 어떻게 100 %가되는지와 그 로고 + 제목이 위에 올 수있는 방법을 이해하고 싶습니다. 코드없이 작성해야합니다. –

외부 레이아웃의 행과 열을 지정하지 않으면 그리드 레이아웃 내의 모든 항목 서로 위에 겹쳐서 표시되며 가장 낮은 항목이 위에 표시됩니다. – mast3rd3mon

감사합니다. 미안 해요. (하지만 저는 초보자입니다.) - 방금 말한 문서는 어디에 있습니까? –

GridLayout이 전체 화면을 덮는 이유는 무엇입니까?

답변

관련 문제