*.html:
<body>
<div class="content">
<div class="arriba">
<img src="img/imagen1.png" alt="img"><h1>Título</h1>
</div>
<div class="centro">
<img src="img/imagen2.png" alt="img"><h5>Subtítulo</h5>
</div>
<div class="abajo">
</div>
</div>
</body>
*.css:
body { overflow: hidden;
width: 100vw; height: 100vh;
margin:0; padding:0; }
.arriba, .centro {
margin: auto; padding: auto;
display: flex; flex-flow: column; flex-direction: column;
justify-content: center; align-items: center;
width: 100%; height: 40vh}
.abajo {
margin: auto; padding: auto;
display: flex; flex-flow: column; flex-direction: column;
justify-content: center; align-items: center;
width: 100%; height: 20vh; margin-top: -0.2em;}
Los tres height suman el 100vh, pero la pantalla del smartphone corta un 20% abajo y un 20% en un lateral (los deja en blanco). Luego el smatphone es chino... a ver si MIUI 10.0 no tiene configuración para desarrollador. Aún no la he encontrado.