0

Chrome 창의 너비에서 미디어 쿼리를 올바르게 수행하려면 어떻게해야하나요? Chrome 확장 프로그램에서 미디어 쿼리를 올바르게 수행 할 수 있습니까?
현재 내 미디어 쿼리는 실제 브라우저의 뷰포트가 아니라 확장의 뷰포트의 너비에 따라 작동합니다 (그리고 확장의 뷰포트는 브라우저의 뷰포트보다 클 수 있습니다). 일반 웹 응용 프로그램에서 뷰포트 너비는 항상 브라우저의 뷰포트와 동일하지만 확장명이 동일하지는 않습니다.
CSS - Chrome 확장 팝업의 미디어 검색어

JavaScript로이 작업을 수행하는 방법은 ' 순수한 CSS의 방법이 있는지 HTML '태그의 폭은, 그러나 그것은 바람직가

+0

어떤 종류의 확장 프로그램입니까? 확장 프로그램에는 UI가 없어도됩니다. 뷰포트가있는 해당 페이지는 어디에 있습니까 (브라우저의 창보다 큽니다)? – Rudie

+0

브라우저 동작에는 UI가있을 수 있습니다. 확장자는 입니다. https://developer.chrome.com/extensions/browserAction – agilgur5

+0

Ah. 그 점을 언급해야합니다. 크롬 확장 툴킷의 일부분에 지나지 않습니다. 내가 아는 유일한 부분, 나는 두려워. =) Goodluck – Rudie

답변

0

적어도 브라우저 액션 팝업에서 (이 팝업 UI와 브라우저 작업의 연장이다), 그것은 불가능한 것 순수한 CSS로 부모 창 너비를 쿼리합니다. @Xan이 주석에서 확인했기 때문에 부모 윈도우의 폭을 얻으려면 JavaScript가 필요합니다.

JavaScript로이를 수행하는 방법은 여기 How to get notified on window resize in chrome browser에서 찾을 수 있습니다. 여기에는 chrome.window.onResized가 2010 년부터 여전히 열려있는 문제인 콘텐츠 스크립트가 필요합니다.