回答編集履歴
1
追記
answer
CHANGED
|
@@ -29,4 +29,14 @@
|
|
|
29
29
|
>__デベロッパーツールでこれを消してみたところ、画像だけがとても小さいサイズになり、それも理由がよくわかりません。__
|
|
30
30
|
|
|
31
31
|
ご提示のコードだけでは再現しませんでしたが、右カラムに固定幅が存在するならば、そういったふるまいになるはずです。
|
|
32
|
-
なぜそうなるかは、「infoの方だけ縮ませるためにこのような指定をしている」というご理解の通りです。
|
|
32
|
+
なぜそうなるかは、「infoの方だけ縮ませるためにこのような指定をしている」というご理解の通りです。
|
|
33
|
+
|
|
34
|
+
---
|
|
35
|
+
|
|
36
|
+
もしかすると、`flex-shrink`というよりも、`width: auto` `flex-basis: auto`のふるまいをご理解されていないのが原因かもしれない、と感じました。
|
|
37
|
+
|
|
38
|
+
> content
|
|
39
|
+
> flex アイテムの内容物に基づいて、**自動的にサイズを決めます**。
|
|
40
|
+
>
|
|
41
|
+
> メモ: この値は Flexible Box Layout の初期リリースでは定義されていませんでしたので、古い実装では対応していない場合があります。 main size (width または height) を auto にするのと合わせて auto を使用することで、同等の効果を得られます。
|
|
42
|
+
[flex-basis - CSS: カスケーディングスタイルシート | MDN](https://developer.mozilla.org/ja/docs/Web/CSS/flex-basis#values)
|