在将纸张对话框设置为适合窗口后将其调整为默认值

Question

我正在使用纸质对话框的响应式设计。通过最小宽度：320px我能够使用以下样式使其全屏：

paper-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}

它正在滚动。但是当屏幕变大时，我想将其设置为默认样式。我试过这种风格：

paper-dialog {
    position: fixed;
    top: 5%;
    left: 5%;
    bottom: 5%;
    right: 5%;
    padding-bottom: 10%;
    margin: 0;
    height: 100%;
  }

但是这是我能得到它的最接近的地方。

对话框在底部被裁剪。我只想将其恢复为默认样式。对不起我对CSS不太好。感谢任何可以提供帮助的人：）

Answer 1

我所做的是将最小宽度：321px反转到最大宽度：321px，并尝试在屏幕仅为320px时全屏设置纸张对话框。感谢您花时间阅读：D