温泉 Ui 对话框全屏

Question

如何让这个温泉用户界面对话框全屏打开？我在这个对话框中有一张图片。

  <ons-dialog style="width:305px;height:400px;" var="naviDialog" cancelable>

        <ons-navigator var="myNav">
            <ons-toolbar inline>
                <div class="center">
                   text sample
                </div>
            </ons-toolbar>

            <div class="dialog">
                <p>
                     <img src="images/picone.png"/>

                </p>

            </div>
        </ons-navigator>
    </ons-dialog>

Answer 1

我找到方法了

<ons-dialog style="width:100%; height:100vh;" var="naviDialog" cancelable>

Answer 2

为了使其根据图像大小而变化，我做了以下操作：

/* under CC0 waiver */

.dialog{
    width: auto;
    max-width: 90%;
}

.dialog img{
    width: auto;
}

希望对别人有帮助

温泉 Ui 对话框全屏

Onsen Ui dialog Fullscreen

onsen-ui