如何使模式内容适合A4：是否可以将“ modal-lg”与“ @page：size A4”结合使用？

Question

我有

<button ng-click="showMailHandling()" data-toggle="modal" data-target="#myModal">

和

<div class="modal fade" id="myModal">
    <div class="modal-lg">
        <div class="modal-content">
        <!--.....Some content in modal-->

        </div>
    </div>
</div>

到目前为止我可以找到：

<style>
.modal-lg {
 height: YYYpx;
    width: XXXpx;
}

但是我知道我可以通过自定义.modal-lg来定义模态大小，然后将其用作类class =“ modal-lg” 但是从另一面来看，还有选项

    @page {
     size: A4;
        }

我可以使用@page吗？样式为A4或其他大小，而不是以px为单位的高度和宽度？我不需要它进行打印，而是需要在模式内部预览html内容，其大小应类似于pdf，打印页面大小为A4。