Q.
MarkDownでで画像を表示する時、max-width max-heightを指定する方法はありますか?
A.
はい、Markdown単体では ![]()
で画像を貼るだけだと、直接 max-width
や max-height
を指定する方法はありません。
ただし、HTMLタグをMarkdown内に直接書くことで対応できます。
たとえば次のように書きます:
<img src="画像URL" style="max-width:300px; max-height:300px;">
これなら、max-width
と max-height
をきちんと設定できます。
ポイントまとめ
![]()
だけでは無理<img>
タグを使えばOKstyle="max-width:◯px; max-height:◯px;"
の形で書く
ちなみに、もし環境によって(たとえばHugoとかGitHubとか)CSSで自動的にMarkdown画像にスタイルをあてたい場合は、別途CSSを指定する方法もあります。
その場合は普通に ![]()
で書いて、CSS側で img { max-width: 100%; }
などを指定する感じです。
使っている環境は何ですか?(Hugoとか、Notionとか、ブログサービスとか?)
それによってさらに最適な方法もアドバイスできます!🌟