Fatal编程技术网
  • html/
  • Html 在移动格式中，div不显示，页脚比平时放在上面

Html 在移动格式中，div不显示，页脚比平时放在上面

html css

Html 在移动格式中，div不显示，页脚比平时放在上面,html,css,Html,Css,@介质（最大宽度=768px）{ #联系方式。图标详细信息{ 浮动：无； 宽度：100%； 显示：块； 高度：250px； 边框底部：#444实心1px； } } 位置 波士顿第十街大街50号 电话号码 （555）555-5555 电子邮件 frontdesk@hotelbt.co 英国电信复印酒店；2019年，版权所有 媒体中的最大宽度=768px应该是最大宽度：768px @media(max-width:768px){ #contact-info .icons-detail{ 

@介质（最大宽度=768px）{
#联系方式。图标详细信息{
浮动：无；
宽度：100%；
显示：块；
高度：250px；
边框底部：#444实心1px；
}
}

位置
波士顿第十街大街50号

电话号码
（555）555-5555

电子邮件
frontdesk@hotelbt.co

英国电信复印酒店；2019年，版权所有


媒体中的
最大宽度=768px
应该是
最大宽度：768px


@media(max-width:768px){

  #contact-info .icons-detail{
    float: none;
    width:100%;
    display: block;
    height:250px;
    border-bottom: #444 solid 1px;
  }
}



问题出在您的媒体查询中。在媒体查询中放置冒号（：），而不是相等（=）


@media(max-width: 768px){

    #contact-info .icons-detail{
      float: none;
      width:100%;
      display: block;
      height:250px;
      border-bottom: #444 solid 1px;
    }

}


我想这会解决你的问题