覆盖最大宽度和百分比

Question

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

因此，如果我有一个最大宽度为800px的div，但是当我使浏览器窗口变小时，它应该缩小。这适用于所有浏览器吗？

或者我必须使用插件，比如jqModal？请帮忙。谢谢！

Answer 1

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

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