ios - 如何在导航栏ios上重叠图像
<p><p>大家可以看到,在图片的顶部有一个空白状态栏(white bar)</p>
<p> <a href="/image/Ox8Tv.png" rel="noreferrer noopener nofollow"><img src="/image/Ox8Tv.png" alt="blank space"/></a> </p>
<p><strong>我的问题:</strong></p>
<p>它可以在状态栏上使用我的封面(图片)吗?</p>
<p><strong>我的代码:</strong></p>
<blockquote>
<p><em>profile.ts</em></p>
</blockquote>
<pre><code><ion-content *ngIf="showLogin == false" no-bounce class="bg-modal">
<div class="header-image">
<img src="../assets/imgs/Tkm-resources/Capa.png" onerror="this.src = '../assets/imgs/Tkm-resources/Capa.png'"/>
</div>
<div class="main-content" text-wrap text-center>
<div class="circular">
<img no-border src="{{ usuario.avatar }}"
onerror="this.src='../../assets/imgs/person-flat.png'" (click)="changePicture()"/>
</div>
<h6 no-margin padding-top>{{ usuario.nome }}</h6>
<span color="ticket-grey">{{ usuario.email }}</span>
<div>
<ion-row margin-top(click)="onClickLogout()">
<ion-icon name="ios-exit" item-left color="primary"></ion-icon>
<span margin-left> Deslogar</span>
</ion-row>
</div>
</div>
</ion-content>
</code></pre></p>
<br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
<p><p>为了删除这些空白,您可以在元标记中添加以下内容:</p>
<pre><code>viewport-fit=cover
</code></pre>
<p>例子:</p>
<pre><code><meta name="viewport" content-type="initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
</code></pre></p>
<p style="font-size: 20px;">关于ios - 如何在导航栏ios上重叠图像,我们在Stack Overflow上找到一个类似的问题:
<a href="https://stackoverflow.com/questions/55126864/" rel="noreferrer noopener nofollow" style="color: red;">
https://stackoverflow.com/questions/55126864/
</a>
</p>
页:
[1]