在JSP页面中实现Dialog窗口的自适应布局,可以通过CSS和JavaScript来实现。以下是一个简单的实例,展示了如何创建一个自适应的Dialog窗口。
我们需要创建一个HTML页面,并添加一个用于触发Dialog的按钮:

```html
/* 定义Dialog的基本样式 */
.dialog {
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: white;
border: 1px solid ccc;
padding: 20px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
z-index: 1000;
}
/* 当Dialog打开时,覆盖body的样式,实现自适应布局 */
.dialog.open {
display: block;
}


