无法删除页面底部的空白区域（移动）

Question

我的身体标签上的背景图片有问题。在移动设备上查看时，页面底部有一个空白区域。

这是我的css代码：

<div>
  <li *ngFor="let message of messages">
     {{message}}
  </li>
</div>

 <input [(ngModel)]="message" (keyup)="$event.keyCode == 13 && sendMessage()" />
 <button (click)="sendMessage()">Send</button>

我在堆栈溢出时发现的解决方案不起作用。任何帮助，将不胜感激。感谢

Answer 1

将<?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.myapp" android:installLocation="auto"> <application android:name=".App" android:allowBackup="true" android:hardwareAccelerated="@bool/gpu_enabled" android:icon="@drawable/icon" android:label="@string/app_name" android:largeHeap="true" android:theme="@style/MyTheme"> <service android:name=".xxxx.MyService" android:exported="false" android:process=":remote"> <intent-filter> <action android:name="xxxx.test.aaa" /> </intent-filter> </service> </application> 设为height: 100vh; 并尝试 html

＆＃13;

＆＃13;

background-size: 100% 100%;

＆＃13;

＆＃13;

＆＃13;

Answer 2

对于您的body代码，请按如下所示设置 CSS ，以全面显示background-image。

body {

width: 100%;
background-image: url("/images/laptop_bg.jpg");
background-position: 0%, 0%, 50%, 50%;
background-size: auto, cover;
background-repeat: no-repeat;
font-family: 'Proxima Nova', Georgia, sans-serif;

}