CSS-Chrome扩展弹出窗口中的媒体查询

CSS-Chrome扩展弹出窗口中的媒体查询,css,google-chrome-extension,media-queries,browser-extension,Css,Google Chrome Extension,Media Queries,Browser Extension,如何正确地查询Chrome窗口的宽度?甚至可以在Chrome扩展中正确地进行媒体查询吗? 现在,我的媒体查询作用于扩展的视口宽度,而不是实际浏览器的视口,扩展的视口可以大于浏览器的视口。在普通的web应用程序中,视口宽度始终与浏览器的视口相等,但扩展的视口宽度似乎不同 似乎有一种方法可以通过设置“html”标记的宽度来使用JavaScript实现这一点,但是如果有一种纯CSS的方法,那就更好了 这适用于带有弹出UI的浏览器操作扩展至少在浏览器操作弹出窗口中,无法使用纯CSS查询父窗口的宽度。正如

如何正确地查询Chrome窗口的宽度?甚至可以在Chrome扩展中正确地进行媒体查询吗? 现在,我的媒体查询作用于扩展的视口宽度,而不是实际浏览器的视口,扩展的视口可以大于浏览器的视口。在普通的web应用程序中,视口宽度始终与浏览器的视口相等,但扩展的视口宽度似乎不同

似乎有一种方法可以通过设置“html”标记的宽度来使用JavaScript实现这一点,但是如果有一种纯CSS的方法,那就更好了


这适用于带有弹出UI的浏览器操作扩展

至少在浏览器操作弹出窗口中,无法使用纯CSS查询父窗口的宽度。正如我所想,@Xan在评论中确认的那样,获取父窗口的宽度需要JavaScript


可以在此处找到使用JavaScript执行此操作的方法:。请注意,这确实需要一个内容脚本,如chrome.window.onResized,自2010年以来仍然是一个悬而未决的问题

什么样的扩展?扩展甚至不必有UI。视口大于浏览器窗口的页面在哪里?浏览器操作可以有一个UI,它是扩展的弹出窗口啊。你应该提一下。这只是chrome扩展工具包的一小部分。我唯一不知道的部分恐怕是你一提到就这么做了。我想这是显而易见的,因为我在谈论UIs。不管怎样谢谢你:是的,不清楚你在问什么。你在哪个页面查询?在弹出窗口中,您想要父窗口的尺寸?这在JS中肯定是可能的,在CSS中肯定是不可能的,因为CSS只能看到弹出窗口自己的维度