通過媒體查詢更改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; 
} 

希望這會幫助你。