CSS-Chrome扩展弹出菜单中的媒体查询



如何正确地对Chrome窗口的宽度进行媒体查询?是否可以在Chrome扩展中正确地进行媒体查询
现在,我的媒体查询作用于扩展的视口宽度,而不是实际浏览器的视口(扩展的视口可以大于浏览器的视口)。在普通的web应用程序中,视口宽度总是与浏览器的视口相等,但对于扩展来说似乎不一样

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

(这是一个带有弹出UI的浏览器操作扩展)

至少在浏览器操作弹出窗口中,用纯CSS查询父窗口的宽度是不可能的。正如我所想的,@Xan在评论中确认的那样,JavaScript对于获得父窗口的宽度是必要的。

使用JavaScript实现这一点的方法可以在这里找到:如何在chrome浏览器中获得窗口调整通知。请注意,这确实需要chrome.window这样的内容脚本。自2010年以来,重新调整大小仍然是一个悬而未决的问题

最新更新