2017-12-26 8 views

답변

1

작업중인 장치 디자인 및 레이아웃에 따라 원하는 수의 미디어 쿼리를 사용할 수 있습니다.

CSS의 크기가 크지 않은 경우 브라우저에서 렌더링 속도에 영향을주지 않습니다.

또한 미디어 쿼리를 복제하지 않도록하십시오. 미디어 쿼리에서 일반적인 것들을 유지하고 미디어 쿼리 내에서 레이아웃이 변경 될 때 변경되는 사항에 대해서만 CSS를 작성하십시오.

+0

. 그래서이 관행은 좋거나 좋지 않습니까? – kunal

+0

모든 구성 요소 또는 많은 구성 요소가 특정 페이지 1 개에로드됩니다. 중복되는 미디어 큐가 너무 많으면 동시에 모든 CSS를로드 할 수 있으므로 심하게 영향을 미칩니다. –

+0

1 개의 특정 페이지에 대해로드하는 구성 요소가 거의 없다면별로 중요하지 않습니다. –

1

값이 거의 동일하다고 가정 할 때 코드에서 하나의 크고 또는 여러 미디어 쿼리를 사용하더라도 상관 없습니다. 수백 가지 미디어 쿼리 중 각 (!)에 대한 값이 다른지 여부는 중요하지 않지만 성능에 영향을 미칠 수 있습니다 (이를 추적 할 방법이 없음).

현재 동일한 참조 할 수 있습니다 : 우리의 계획은 미디어 채석장의 중복이있을 수 있도록 각 구성 요소에 대해 개별적으로 CSS를 작성했다, 그래서 나는 react.js와 웹팩 (3)를 사용하고 https://helloanselm.com/2014/web-performance-one-or-thousand-media-queries/

관련 문제