通过媒体查询更改div高度使背景消失

Question

嗨有一个简单的div与h1文本，我试图调整小设备的大小。

<div class="sectionTitle" > <h1> title </h1> </div> 

无论我如何降低高度，总会使白色背景消失。

这是在免费墙上呈现后 - http://vnjs.net/www/project/freewall/但是仍然指定高度和宽度。文字仍然可见，只是背景消失。

任何线索如何降低div高度？

.sectionTitle 
{ 
    background:   #fff; 
    height:    60px; 
} 

.sectionTitle h1 
{ 
    font-family:  'Lato', sans-serif; 
    font-weight:  300; 
    text-transform:  uppercase; 
    padding:   22px 20px 0px 20px; 
    font-size:   24px; 
    word-wrap:   break-word; 

} 


@media all and (max-width: 768px) { 
    .sectionTitle { 
      height:    40px; 
    } 

     .sectionTitle h1{ 
      padding:   0px 0px 0px 0px; 
      font-size:   10px; 
      overflow:   hidden; 
    } 
} 

Answer 1

尝试给width和float类classTitle。

.sectionTitl 
{ 
float: left; 
width: 100%;  
background: #fff; 
height: 60px; 
} 

希望这会帮助你。