すべての画像に影響する幅は最小幅です

Question

クロム拡張を作成しました。私は疑問を持っています。私は、あらゆるサイトのすべての画像が最小の幅を持つスタイルCSSを持っていることを望んでいます。

すべての画像に影響を与える必要はありませんが、最小幅の画像のみに影響する必要はありません。デフォルトでは

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

Answer 1

すべての要素そう簡単にmin-width="0px"を持っているイメージがmin-width-"0px"例えば、この

を行う

$("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">

を持っていないかどうかを確認この条件では、私はあなたが今までに何ができるか分幅のCSSを持っているそれらの画像にfooクラスを追加しました。

私はその適切な解決策を知らないが、それはあなたが望むことをするのに役立ちます。

ありがとう