增加popup.html浏览器扩展css的宽度和高度

如何使用css增加chrome扩展的popup.html的宽度和高度？我在popup.html上只有文本和div.CSS可以设置div的大小。我希望popup.html根据屏幕大小而不同。我希望我不必使用媒体查询，但如果这是唯一的方法，那么媒体查询就可以了。

为

设置CSS，例如：

body {
   width:400px;
   height:300px;
}

---

我能对百分比做同样的事情吗？px可以工作，但我希望chromebook用户不要认为弹出窗口太大，桌面用户认为弹出窗口太小。百分比在

中不起作用，但您可以尝试不同的屏幕大小。从未尝试过将这些扩展用于弹出窗口，但它们可能会起作用。