Question

我有一个ionic4应用程序，它在移动分辨率上看起来不错，但在PC分辨率上却不是很好

我想强制vieport降低，即使PC分辨率在800px左右

我尝试了一些方法，例如ion-app {max-width：800px; }-这会导致页面缩小，但媒体查询仍然会以更高的分辨率响应，因此我看到2列的布局，我只想看到一个列的布局

content shrinked but still 2 column, menu and the content
------------
|xx zz     |
|xx zz     |
|xx zz     |
------------   
i prefer      
------------
|  zz      |
|  zz      |
|  zz      |
------------ 
the centering is not playing the big role as soon as i manage to solve the viewprot detection problem than i will just margin: 0 auto so it becomes
------------
|    zz    |
|    zz    |
|    zz    |
------------

比我尝试通过以下方式使用离子网

<ion-app>
    <ion-content>
        <ion-grid>
            <ion-row>
                <ion-col size="1"></ion-col>
                <ion-col size="10">

                    <ion-split-pane>
                        <ion-menu>
                        </ion-menu>
                        <ion-router-outlet main></ion-router-outlet>
                    </ion-split-pane>

                </ion-col>
                <ion-col size="1"></ion-col>
            </ion-row>
        </ion-grid>
    </ion-content>
</ion-app>

但是由于我可能没有正确包装元素，所以此应用被白屏了

我也尝试设置了视口，但是什么也没发生

<meta name="viewport"  content="width=800" />

感谢您的建议

ionic4最大宽度分别最大视口

0 个答案: