背景全宽不工作

Question

我的代码一般都是css

  #headtop {  width:100%; margin-top:-10px; background:url(link) 0 0 no-repeat; height:201px;}

这是媒体查询中的这个

  #headtop{padding-top:45%; height: auto;  }

我需要一个流畅的背景..全宽和高度。 我在我的平板电脑上测试过华硕，问题在于宽度，是图像的一半

Answer 1

如果您希望背景跨越窗口的整个宽度和高度（这会在某些窗口中产生失真），那么您应该修改＆＃34;背景大小＆＃34;元素

#headTop { background-size: 100% 100%, auto auto;}