beeinflussen alle Bilder diese Breite eine minimale Breite

Question

Ich habe eine Chrome-Erweiterung erstellt. Ich habe einen Zweifel. Ich möchte, dass jedes Bild von jeder Seite einen CSS-Stil mit minimaler Breite hat.

Ich brauche nicht alle Bilder zu beeinflussen, nur solche mit einer minimalen Breite.

https://fiddle.jshell.net/ceu6ho1s/

Answer 1

standardmäßig alle Elemente haben min-width="0px" so einfach überprüfen, ob Bilder nicht min-width-"0px" tun haben diesen

zum Beispiel

$("img").each(function(e) { 
 
    if ($(this).css("min-width") != "0px") { 
 
    $(this).addClass("foo") 
 
    } else { 
 
    $(this).removeClass("foo") //no need this line but just added as a fallback 
 
    } 
 
});

.test { 
 
    min-width: 100%; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img src="http://placehold.it/350x150"> 
 
<img src="http://placehold.it/350x150" style="min-width:100%"> 
 
<img src="http://placehold.it/350x150" class="test">

in diesem zustand habe ich foo class auf den bildern hinzugefügt, die min-width css haben, was immer du willst.

ich weiß nicht, es ist eine richtige Lösung oder nicht, aber es wird Ihnen helfen, was Sie wollen.

danke