display : 처리기에서 구부러지고 그 중 하나가 오류를 가져옵니다.

-1

대용량 CSS 프로젝트에서 두 번째로 ancessor와 그 아이가 display : flex 속성을 가지고있는 것으로 밝혀졌습니다. 이로 인해 오류가 발생합니다. 나는이 버그에 대한 어떤 조건을 공식화 할 수 없다. 잘

1) 데스크톱 크롬에서 작동 : 그리고이 시간이 나는 모양이다의 내가 하나 더 발견 생각 https://youtu.be/0Nw_dHPhYZQ

일반적으로이 오류가 아이폰에서 발생하지만, 몇 번 : 아이폰에 https://youtu.be/e6jIKx7KM7s 2)가없는 작품을 투약 데스크톱 크롬도 렌더링에 실패합니다. https://gist.github.com/lbvf50mobile/5dc976a3a451ac491159ea6b5d971482

첫 번째 및 두 번째 "display : flex": 스크롤 및 성배 레이아웃으로 끈끈한 바닥 글을 생성 할 때 설정했습니다.

swiper-slider 내부에 세 번째 "display : flex"가 표시되어 iPhone 6s의 Safary/Chrome에서 오류가 발생합니다.

당신은 어떻게 생각하십니까?

코드 버그로 :

이

오류 변화에 의해 수정되었습니다 : & a.center {flex : 1 100;} &. 텍스트 {flex : 100 1} ~ & a.center {} & .text {flex : 1} –

디버깅 도움말을 찾는 데 필요한 질문 ("이 코드가 작동하지 않는 이유는 무엇입니까?")에는 원하는 동작, 특정 문제 또는 오류 및 필요한 가장 짧은 코드가 포함되어야합니다 ** 그것을 재현하기 위해 ** 질문 자체에서 **. – LGSon

-1

오류가 단순화 코드에 의해 수정되었습니다 감사합니다

main.pose .center{ 
    & a.center{flex: 1 100;} 
    & .text{flex: 100 1;} 
}

단순화 BUG-FREE 코드 :

main.pose .center{ 
    & a.center{} 
    & .text{flex: 1;} 
}

2017-11-17 14:16:03

답변