svgはインライン展開してる時とimgで読み込んだ時でも挙動が変わるよ！楽しいねぇ！

返信先:@okunokentaroimg や canvas の場合は width, height 両方 100% にして、object-fit: contain もあり SVG 要素の場合は、<svg preserveAspectRatio="xMidYMid meet"> で contain になる

🍀DAY26- 復習🍀 ✳️aタグ：target="_blank"で別タブ ✳️alt属性：テキスト入力/未入力の意味 ✳️<span>タグ + SVG画像の組み合わせメリット ✳️<div><img><div>の組み合わせメリット 次男、鼻風邪気味🤧 皆様もご体調に気をつけてお過ごしください☺️ #デイトラ #Web制作

Windowsの強制色モードを有効にすると、img要素で読み込んだSVGのなかでprefers-color-schemeがlightにしか反応しない問題に悩まされている。困った

初級DAY26〜27の続き ✅ポートフォリオサイト作成（header） 少ししか進みませんでしたが、 ・Sassの入れ子 ・class名の付け方 ・pタグとspanタグ ・imgタグとsvgタグ などを復習しながらコードを書きました！ spanタグは インライン要素で テキストの中の一部分を指すもの🤔 #デイトラ #Web制作

TSX と SVG×4 で動的画像を実装 Next.jsの機能 ・import文で画像を取込み ・getImageProps()で<source>や<img>向けのPropsを取得 ・配信画像のファイル名にContentHashが付与される HTML/JSXの機能 ・<picture>,<source>,<img>で画像を表示 ・<source>のmedia(query)属性で画像を切替え pic.twitter.com/mrHGeDTe0S