Markdown+Bootstrap 画像適応属性_html/css_WEB-ITnose

Markdown は優れたマークアップ言語であり、エディター構文としてますます人気が高まっています。そのため、Markdown のイメージ タグは次のようなものになります。 ]( url) は通常、ページ上で HTML に変換されます。このとき、画像に Bootstrap の画像アダプティブ属性を追加する方法は次のとおりです。

例: 9bd01f261656597387e14912b15f7119

js を使用するだけです:

<scripttype="text/javascript">    $(".content img").addClass('img-responsive');</script>

次の項目を追加することを忘れないでください:

<metaname="viewport" content="width=device-width, initial-scale=1">

このようにして、画像を小さな画面上で自動的に拡大縮小できます。同時に、Bootstrap のアダプティブ レイアウトには影響しません。 .img-sensitive 属性は、実際には画像にブロックと max-width:100% を追加する属性です。