2

我对编程比较陌生，并且正在开发带有弹出窗口的 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)。如有必要，弹出窗口上有一个垂直（高度）滚动条，就像我想要的那样。

我的问题是宽度；加载内容时，弹出窗口将自动更改宽度以适应内容。弹出窗口可能从 400 像素开始，但如果内容为 800 像素或更宽，一旦加载内容，它就会扩大到完整的 800 像素。

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

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

有没有办法为弹出窗口设置一个小于最大弹出宽度的默认宽度，即使内容比这个默认宽度宽，但仍然允许调整（加宽）弹出窗口的大小？

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

4

0 回答 0