플렉스 파생 속성에 대한 모든 대체 수단을 포함시켜야합니까?

-1

나는 일반적으로 간단한 방식으로 내 flex 속성을 선언 플렉스 파생 속성에 대한 모든 대체 수단을 포함시켜야합니까?

.flex-item { 
    display: flex;. 
    justify-content: space-between; 
    flex-direction: row; 
    flex-wrap: nowrap; 
}

이의 폴백의 모든

은 다음과 같습니다

.flex-item { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;. 
    -webkit-box-pack: justify; 
    -ms-flex-pack: justify; 
    justify-content: space-between; 
    -webkit-box-orient: horizontal; 
    -webkit-box-direction: normal; 
     -ms-flex-direction: row; 
      flex-direction: row; 
    -ms-flex-wrap: nowrap; 
     flex-wrap: nowrap; 
}

이 많이하여 파일의 크기를 증가 요소

이상 반복 수백, . 이것은 실제로 필요한 것이지, 다음을 전제로합니다 :

많은 사람들이이 사이트를 경험하게됩니다.
대역폭에 신경을 썼습니다.

출처

2017-11-26 Daniel Moss

Flexbox를 사용하지 않고도 _ lot_을 수행 할 수 있기 때문에이를 수행하면 필요없는 요소가 줄어들어 문제가 해결됩니다. 또한 클래스를 올바르게 재사용하고 크기를 줄일 수도 있습니다. – LGSon

또한 웹 사이트는 모든 사용자와 ... 특히 이전에 이미 알고있는 오래된 브라우저를 가진 사용자와 똑같이 보이지는 않습니다. – LGSon

@ LGSon 좋은 의견! netmarketshare/w3 통계 및 caniuse에 따르면, Flexbox는 대다수의 사용자에게 사용하기에 안전하며이 문제를 믿을 수 있기 때문에 Flexbox에서 벗어나고 싶었습니다. 비록 내 모든 질문에이 미친 접두사를 사용해야 만하는 것이 나의 질문이었습니다. –

예는 브라우저의 모든 종류의 필요, 그러나 당신이에 의해 매번를 작성하지 않으려면 postCSS의 autoprefixer을 시도 할 수 있습니다 자신의 http://postcss.org/

출처

2017-11-26 17:11:11

저는 다음을 사용하고 있습니다 : https://autoprefixer.github.io/하지만 이것은 내 요구 사항을 제공하는 것이 필요한지 아닌지에 대한 내 질문에 실제로 대답하지 않습니다. –

당신은 많은 사람들이 얻을 것을 걱정하는 경우 가능한 한 사이트를 경험하십시오 (예 : 플렉스 레이아웃 사용). 현재 표준과 100 % 호환되지 않는 구버전의 플렉스 박스를 사용하는 다소 오래된 버전의 브라우저를 사용하는 프린지 사용자조차도, 정말로 선택의 여지가 있습니다.

대역폭이 걱정되면 대체 레이아웃 모델 (예 : 플로트 레이아웃 또는 테이블 레이아웃)을 대체 시스템으로 고려하십시오.

출처

2017-11-26 17:17:32 BoltClock

플렉스 파생 속성에 대한 모든 대체 수단을 포함시켜야합니까?

답변

관련 문제