제 질문은 미디어 쿼리와 관련이 있습니다. 여러 미디어 쿼리를 사용하여 브라우저 렌더링 속도에 영향을 주거나 여러 미디어 쿼리를 사용하는 것이 좋습니다.CSS에서 여러 미디어 쿼리를 사용하는 것이 좋으며이 브라우저 렌더링이 영향을 받습니까?
-2
A
답변
1
작업중인 장치 디자인 및 레이아웃에 따라 원하는 수의 미디어 쿼리를 사용할 수 있습니다.
CSS의 크기가 크지 않은 경우 브라우저에서 렌더링 속도에 영향을주지 않습니다.
또한 미디어 쿼리를 복제하지 않도록하십시오. 미디어 쿼리에서 일반적인 것들을 유지하고 미디어 쿼리 내에서 레이아웃이 변경 될 때 변경되는 사항에 대해서만 CSS를 작성하십시오.
1
값이 거의 동일하다고 가정 할 때 코드에서 하나의 크고 또는 여러 미디어 쿼리를 사용하더라도 상관 없습니다. 수백 가지 미디어 쿼리 중 각 (!)에 대한 값이 다른지 여부는 중요하지 않지만 성능에 영향을 미칠 수 있습니다 (이를 추적 할 방법이 없음).
현재 동일한 참조 할 수 있습니다 : 우리의 계획은 미디어 채석장의 중복이있을 수 있도록 각 구성 요소에 대해 개별적으로 CSS를 작성했다, 그래서 나는 react.js와 웹팩 (3)를 사용하고 https://helloanselm.com/2014/web-performance-one-or-thousand-media-queries/
관련 문제
- 1. CSS에서 미디어 쿼리를 모의하는 방법?
- 2. 다른 브라우저는 브라우저 특정 헤더의 영향을 받습니까?
- 3. OpenSSL_Random_Psuedo_Bytes : Heartbleed의 영향을 받습니까?
- 4. 여러 미디어 쿼리 또는 단일 미디어 쿼리를 사용하는 것이 더 낫습니다.
- 5. SUDS는 방화벽의 영향을 받습니까?
- 6. 은 브라우저에서 영향을 받습니까?
- 7. 왜이 변수가 영향을 받습니까?
- 8. php mail()의 미디어 쿼리를 사용하는 것이 가능합니다
- 9. 쿼리를 기반으로 폼을 삭제할 때 어떤 테이블이 영향을 받습니까?
- 10. 호스팅 서비스가 CSS에서 미디어 쿼리를 지원하지 않을 수 있습니까?
- 11. 미디어 쿼리를 사용하는 동안 SVG 중심 유지
- 12. JavaScript에서 미디어 쿼리를 사용하는 방법
- 13. phonegap에서 미디어 쿼리를 사용하는 방법
- 14. 미디어 쿼리를 변수로 취급하는 것이 덜/유성합니까?
- 15. window.location = window.location이 XSS의 영향을 받습니까
- 16. R의 지연 평가 - 영향을 받습니까?
- 17. iPhone이 미디어 쿼리를 무시합니다.
- 18. CSS에서 기본 브라우저 개요를 사용하는 방법은 무엇입니까?
- 19. css에서 selector로 시작을 사용하는 것이 유효합니까?
- 20. CSS에서 여러 글꼴을 사용하는 이유
- 21. 사용중인 미디어 쿼리를 표시하는 방법
- 22. 다른 브라우저 및 장치에서 HTML 렌더링이 다름
- 23. 시스템 시계를 변경하면 DateTime.Now가 영향을 받습니까?
- 24. AJAX with Java : HttpServletResponse는 어떻게 영향을 받습니까?
- 25. 왜 Z가 perscpective division의 영향을 받습니까?
- 26. 테이블의 스키마 이름을 지정하면 성능이 영향을 받습니까?
- 27. 미디어 쿼리를 사용한 CSS 성능
- 28. Exchange 서버로드가 EWS 스트리밍 알림의 영향을 받습니까?
- 29. 모바일에 영향을 미치지 않는 CSS 미디어 쿼리
- 30. 미디어 쿼리가 미디어 쿼리가 아닌 미디어 쿼리를 대체합니까?
. 그래서이 관행은 좋거나 좋지 않습니까? – kunal
모든 구성 요소 또는 많은 구성 요소가 특정 페이지 1 개에로드됩니다. 중복되는 미디어 큐가 너무 많으면 동시에 모든 CSS를로드 할 수 있으므로 심하게 영향을 미칩니다. –
1 개의 특정 페이지에 대해로드하는 구성 요소가 거의 없다면별로 중요하지 않습니다. –