자바 스크립트를 통해 CSS의 미디어 쿼리를 변경

Question

자바 스크립트를 통해 웹 사이트의 실제 미디어 쿼리를 변경하는 방법이 있습니까?

오른쪽에 패널을 배치하기 위해 본문의 너비를 다시 계산하는 클라이언트 웹 사이트의 iframe에 포함 된 앱을 개발 중입니다. 브라우저의 크기를 조정하면 클라이언트의 미디어 쿼리가 호출되어 iframe을 고려하지 않고 작동하지 않아 레이아웃이 엉망입니다.

레이아웃을 깨끗하게 유지할 수 있도록 자바 스크립트로 클라이언트 미디어 쿼리를 변경하는 방법이 있습니까?

도움 주셔서 감사합니다.

Answer 1

나는 대답을 찾았습니다 : https://stackoverflow.com/a/19593526/1324357 우리는 document.styleSheets로 css로 갈 수 있습니다.

Answer 2

this question에는 javascript로 동적으로 CSS 파일을로드하는 방법의 예가 있습니다. 당신처럼, JQuery와 통해 원래의 스타일 시트를 제거하여이 결합 수 :

$("link[rel='stylesheet']").remove() 

와 같은 CSS 파일을 다시로드하지만, 다른 미디어 (새 미디어 쿼리)와.