Question

我对编程比较陌生，正在开发一个带弹出窗口的Chrome扩展程序。我不知道弹出窗口中的内容，也不知道用户的偏好（显然）。弹出窗口应该可以水平调整大小，但我希望默认（初始）宽度小于最大宽度。

在popup.html中，我有一个<div id="container">元素用于弹出窗口。

在关联的CSS文件中，我有：

body{
    -webkit-user-drag: none;
    -webkit-user-select: none;
    overflow: hidden;
    width: 400px;
}

和

#container{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

内容填满整个弹出窗口，如果需要，将弹出窗口推到最大尺寸（800x600）。如果需要，弹出窗口上有一个垂直（高度）滚动条，就像我想要的那样。

我的问题是宽度;弹出窗口将自动更改宽度以适合加载内容时的内容。弹出窗口可能以400px开始，但如果内容为800px或更宽，则一旦加载内容，它将扩展到完整的800px。

由于用户可以调整弹出窗口的宽度，我想指定一些合理的默认宽度，小于弹出窗口的最大宽度，如果用户选择这样做，则让用户加宽或缩小弹出窗口。将弹出窗口设置为800px宽是不可取的，因为“开箱即用”的行为。

我可以使用body{max-width: 400px; min-width: 400px;}来强制弹出窗口宽度。但有些用户可能希望弹出窗口更宽，所以我不想这样做。例如，我想将初始宽度设置为400px，但仍允许调整弹出窗口的大小。

有没有办法为弹出窗口设置默认宽度 less ，即使内容宽度超过此默认宽度，但仍然允许调整弹出窗口大小（加宽）？

很抱歉，如果我遗漏了重要信息，或者这是一个不好的解释。我试图搜索网络并玩游戏，但到目前为止它一直无济于事。我很感激任何教导我如何克服这种情况的帮助。