html - 任何屏幕尺寸的完整 img 尺寸

Question

当我在笔记本电脑上运行代码时，img 全屏显示。但是当我在更大的屏幕尺寸上运行它时，它会翻倍：在此处输入图像描述

这是我使用的 CSS 代码：

body {

  background: url(pic.jpg); 
  background-size: cover;  
  background-position: center;
  font-family: Lato;
  color: white;
}


html {
height: 100%
}

有人可以帮我解决这个问题，即 img 应该在任何屏幕尺寸上全屏显示吗？

标签： htmlcssstyles

Answer 1

在代码中添加以下样式以避免重复图像：

background-repeat:no-repeat;