如何在我的響應式css上使用ID標籤？

我目前有問題使我的圖片在我的網站上響應。我可以讓它在小提琴上工作，但不是我的頁面。如何在我的響應式css上使用ID標籤？

這裏是小提琴代碼

的jsfiddle

的CSS：

div.imggg img { 
width: 100%; 
height: auto; 
}

HTML：

<div class="imgg"> 
<img src="http://studio2d3d.com/wp- 
content/uploads/2017/06/ShampooAd_Timeline.gif" width="200" height="200"> 
</div>

我的頁面高程ml：

<div class="boldgrid-section"> 
<div class="container"> 
<div id="cf" class="imggg"> 
<p class="mod-reset"><img class="bottom" src="http://studio2d3d.com/wp-content/uploads/2017/06/FemalePortrait2_E.jpg" style="width: 80%; max-width: 600px;"></p> 
<p class="mod-reset"><img class="top" src="http://studio2d3d.com/wp-content/uploads/2017/06/FemalePortrait2_OG.jpg" style="width: 80%; max-width: 600px;"></p> 
</div> 
</div> 
<h2 class="col-md-12 col-xs-12 col-sm-12 color1-color"> 
</h2> 
<div class="container"><div class="row" style="padding-top: 45px;"> 
</div></div> 
</div>

有什麼想法？

來源

2017-06-21 Jeremy

您在圖像上使用內聯樣式。內聯樣式比ID和類具有更高的特性，因此會覆蓋您的'div.imggg img'選擇器。要麼刪除內聯樣式（理想），要麼在CSS中使用'！important'（避免如果可能）覆蓋內聯樣式。 '.mod-reset'，'.bottom'或'.top'也會影響事物，具體取決於定義了哪些屬性。 – hungerstar

內聯樣式比外部樣式具有更高的優先級，用外部樣式聲明這些內聯樣式。由於您使用的是引導程序，因此我建議您在圖像上設置一個圖像類別

img-responsive

來源

2017-06-21 17:22:45

如何在我的響應式css上使用ID標籤？

回答

相關問題