CSS - медиа-запросы во всплывающем окне с расширением Chrome

Question

CSS - медиа-запросы во всплывающем окне с расширением Chrome

Как правильно выполнить медиазапрос по ширине окна Chrome? Можно ли вообще правильно выполнять медиазапросы в расширении Chrome?
Прямо сейчас мои медиа-запросы действуют на ширину области просмотра расширения, а не на область просмотра фактического браузера (и область просмотра расширения может быть больше, чем у браузера). В обычном веб-приложении ширина области просмотра всегда эквивалентна области просмотра браузера, но она не выглядит одинаково для расширения

Кажется, есть способ сделать это с помощью JavaScript, установив ширину тега 'html', но если есть чистый способ CSS, который был бы предпочтительнее

(Это для расширения действия браузера с всплывающим интерфейсом)

1

css google-chrome-extension media-queries browser-extension

Источник

user3431180 19 окт '14 в 00:29

1 ответ

Решение

Другие вопросы по тегам css google-chrome-extension media-queries browser-extension

user3431180 19 окт '14 в 18:26 2014-10-19 18:26 · Accepted Answer · 2014-10-19 18:26

По крайней мере, во всплывающем окне действий браузера невозможно запросить ширину родительского окна с помощью чистого CSS. Как я думал и @Xan подтвердил в комментариях, JavaScript необходим для получения ширины родительского окна.

Способ сделать это с помощью JavaScript можно найти здесь: Как получить уведомление об изменении размера окна в браузере Chrome. Обратите внимание, что для этого требуется скрипт содержимого, так как chrome.window.onResized по-прежнему остается открытой проблемой с 2010 года.