2017-02-26 1 views
0

css 내 사이트에서 display:flex;을 사용했지만 현재는 Google 크롬에서 제대로 작동하지만 UC 브라우저 (휴대 전화)에서는 작동하지 않습니다. 단지 플렉스를 건너 뛰고 항목을 세로로 보여줍니다. 어떻게 사이트의 전체 코딩을 변경하지 않고이 문제를 해결할 수 있습니까?플렉스 박스가 작동하지 않습니다

고맙습니다.

+0

사파리와 같은 일부 브라우저에서는 -webkit-을 사용해야합니다. 'display : -webkit-flex; -webkit-flex-wrap : wrap;'.... –

+0

나는 그것을 위해 일하고 싶다. –

+0

나는 ** us **을 모른다. 그러나 -webkit을 테스트 해 보면 효과적입니다. –

답변

0

이것은 CSS를 어떻게 구성했는지에 따라 다릅니다. display:felix;이 모든 브라우저에서 작동하지 않습니다. 이것이 CSS와 브라우저 호환성을 연구하는 것이 중요한 이유입니다.

사용이 caniuse.com

사용 display:-webkit-flex;

+0

나는이 모든 시도했지만 여전히 그것은 uc에서 지원되지 않습니다. –

0

내가 생각 display:flex;는 UC에서 지원되지 않습니다.

+0

Flexbox가 지원되지 않을 수도 있지만 접두어로 사용되는 형식은 입니다. display : -webkit-box; 디스플레이 : -moz-box; 디스플레이 : -ms-flexbox; display : flex; – akshaynaik404

1

대부분의 웹 표준은 UC 브라우저에서 지원되지 않으며 더 빠른 페이지로드를 위해 웹 페이지에서 일부 CSS와 j를 제거한다는 점에 유의하십시오.

여전히 렌더링 엔진으로 WebKit을 사용하므로 가능한 한 Webkit을 지원하려고 시도 할 수 있으며 좋은 결과를 얻을 수 있습니다. 또한 자동 접두사와 같은 도구를 사용하면 대부분의 브라우저 간 문제를 해결할 수 있습니다.

caniuse.com은 대상 브라우저에서 지원되는 기능을 확인하는 것이 가장 좋습니다.

관련 문제