html - 覆盖最大宽度和百分比

Question

想找到一种方法来添加一个固定位置和最大宽度的 div，它应该放置在带有覆盖或外部覆盖的 div 中。但棘手的部分是，当窗口缩放时，我希望它按百分比调整......

因此，如果我有一个最大宽度为 800 像素的 div，但是当我缩小浏览器窗口时，它应该会缩小。这对所有浏览器都可行吗？

还是我必须为此使用插件，例如 jqModal？请帮忙。谢谢！

Answer 1

只需定义 a max-width，然后使用百分比进行缩放：

.modal {
    width: 50%;
    max-width: 800px
}