在我的Vue应用程序中，我有一个登录页面，我想在其中显示特定的背景。我尝试如下设置背景：
`<template>
<div class="background"></div>
</template>
<style>
.background {
background: url("./images/background.svg");
background-size: cover;
}
</style>`现在，当我打开浏览器并查看检查器时，它显示div的宽度和高度为0x0，html和body元素也设置为高度100%和宽度100%。
当我在css中定义了一个特定的高度和宽度时，图片会显示出来，但是我想让背景响应，所以这对我来说是没有选择的。有人知道这个问题是什么吗？
1条答案
按热度按时间wwtsj6pe1#
如果你插入下面的属性，它应该告诉. background填充视口，这可能会弄乱纵横比。但是根据你的需要，这可以被修复，第二组代码将防止img显示超过一次，并将告诉它保持原来的比例。
希望这能帮上忙