用于HTML的响应背景图片

时间:2018-03-02 16:04:51

标签: html css responsive-design

我尝试调整手机屏幕的背景图片,但背景图片仍未正确显示。我打算让它缩小,但我不确定为什么它仍然显示我想要的普通电脑屏幕的高度。

@media (max-width: 375px) {
  h1 {
    font-size: 23px;
    line-height: 34px;
  }
  #home h5 {
    font-size: 9px;
  }
#home {
  background: url('../images/home-bg.jpg') 50% 0 no-repeat fixed;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: auto;
  text-align: center;
}	

屏幕如下Divrisk_Phone

1 个答案:

答案 0 :(得分:0)

向媒体查询添加结束}以查看是否有帮助。