使用類和@media CSS

Question

我試圖用這個代碼，但是我的列表顯示在頁面

@media(max-width: 900px){ 
ul{  
    width:100%;  
}  
ul li{ 
    width:100%; 
} 

ul li a { 
    text-align:center; 
    width:100%;  
    height:30px;  
    line-height:30px; 
    background-color:rgba(255,255,255,0.7); 
    outline:rgba(255,255,255,0.9) solid 1px; 
} 

左側的保證金，我不知道我應該用什麼指令或改變什麼使有沒有左邊距我有一個頭與此類

header {  
    margin-top:0px; 
    background-color:rgba(255,255,255,0.7); 
    height:140px;   
} 

Answer 1

UL有填充在左邊;不是保證金。 使用ul {padding-left:0;}

默認情況下，UL和LI的寬度都是100％，因爲它們都是塊級元素。 http://www.w3schools.com/html/html_blocks.asp

Answer 2

喜用這種

@media(max-width: 900px){ 
    // you can write your css here 

    .class{ 
     // write your css property 
    } 
}