Изменение размера диалогового окна бумаги по умолчанию после установки его в соответствии с окном

Question

Я работаю с адаптивным дизайном бумаги-диалога. По минимальной ширине: 320 пикселей я смог сделать его на весь экран, используя следующий стиль:

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

Я перевернул min-width: 321px на max-width: 321px и попытался установить диалоговое окно бумаги в полноэкранном режиме, когда экран только на 320px. Спасибо, что нашли время, чтобы прочитать:D