Ionic4：将图片大小作为背景图片网址的封面

Question

由于图像太大，我想将背景图像提供给ion-toolbar，所以我想对背景图像使用image-size: cover，以便使其最适合离子工具栏。

我尝试提供以下格式，但是它不起作用，不知道如何使它起作用。

ion-toolbar {
    --background: url(assets/images/background/bg-header-flag.jpg) no-repeat cover;
    --min-height: 200px;
}

Answer 1

终于在挣扎了这么长时间后得到了答案

    --background: url('assets/images/background/bg-header-flag.jpg') center/ cover no-repeat;

以下是使用背景属性的简写形式的语法。

background: bg-color bg-image position/bg-size bg-repeat bg-origin bg-clip bg-attachment initial|inherit;

有关更多详细信息，请检查https://www.w3schools.com/cssref/css3_pr_background.asp

Answer 2

您还可以参考以下链接获取Background-size属性：

https://alligator.io/css/background-size-property/