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

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 до max-width: 321px и попытался установить диалоговое окно с бумагой на весь экран, когда на экране всего 320 пикселей. Спасибо, что нашли время, чтобы читать: D