CSS調整圖像不接受參數

Question

我正在嘗試調整圖像大小。 Bootstrap已啓用。

這裏是我的CSS：

/*Custom picture fix*/ 
@media(max-width:600px){ 
    .picturerow>img { 
    width: 10px; 
    height: auto; 
    } 
} 

這裏是我的HTML：

<div class="picturerow"> 
    <ul> 
     <li><img src="{{ asset('assets/img/icons-medium/facebook-medium.png') }}" alt="facebook-icon"> </li> 
     <li><img src="{{ asset('assets/img/icons-medium/linkedin-medium.png') }}" alt="linkedin-icon"> </li> 
     <li><img src="{{ asset('assets/img/icons-medium/twitter-medium.png') }}" alt="twitter-icon"> </li> 
     <li><img class="img-responsive" src="{{ asset('assets/img/icons-medium/xing-medium.png') }}" alt="xing-icon"> </li> 
     <li><img class="img-responsive" src="{{ asset('assets/img/icons-medium/google-medium.png') }}" alt="google-icon"> </li> 
    </ul> 
</div> 

我在做什麼錯？

圖片應全部內聯顯示，對於md和更小的屏幕尺寸（不低於sass等），它們應顯示在中間。 在非常小的屏幕上，圖片應該都是15px寬度並保持比例。

Answer 1

可能引導程序的類img-responsive覆蓋您的自定義類。

更重要的是，當你在.picturerow>img使用>一樣，你告訴CSS的圖像是picturerow DIV，因爲你有<ul>和<li>之前，這是假的直接孩子。