css - 灰盒覆盖更改窗口大小

Question

我在我的商业网站上使用灰色框，以便用户可以登录和访问他们的帐户。 我的网站示例

当通过选择页面顶部的“登录”或“注册”来激活窗口时，页面或窗口的大小会扩大或改变（通过在窗口底部和右侧显示滚动条来发现。）我该如何防止这种情况发生？我希望页面的大小与激活窗口之前的大小相同。

Answer 1

虽然是旧线程，但对于仍在使用灰盒的人来说，以下更新可能会有所帮助：

按照 Yoel 的建议，将 GB_overlay 位置设置为“固定”（在 gb_styles.css 中）解决了非全屏灰盒（例如 gb_page_center）的问题，但全屏灰盒（例如 GB_showPage）仍然具有水平滚动条并展开Chrome、Edge、iOS 上的 Chrome 和 iOS 上的 Safari 上的浏览​​器窗口。

非全屏灰盒不需要将 GB_overlay 宽度设置为 100%，也不能解决全屏灰盒的问题。相反，将 GB_overlay最大宽度设置为 100% 完全解决了 Chrome、Edge、iOS 上的 Chrome 和 iOS 上的 Safari 中的扩展浏览器和水平滚动条外观。

正如 Kevin 所经历的那样，Firefox 从未遇到过灰盒的这些问题，并且这些对 GB_overlay css 的更新更改对 Firefox 始终正确呈现灰盒没有影响。

Answer 2

Yoel 的解决方案奏效了。他建议更改样式表以反映 100% 宽度的“固定”。这解决了所有浏览器上的问题。