teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

コメントを受けて追記

2020/03/28 01:20

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37495

answer CHANGED
@@ -14,4 +14,15 @@
14
14
  ```
15
15
 
16
16
 
17
- [Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/#feat=mdn-css_properties_width_fit-content)
17
+ [Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/#feat=mdn-css_properties_width_fit-content)
18
+
19
+ ### コメントを受けて追記
20
+ 失礼。そっちじゃなくてこっちですね。
21
+ ```css
22
+ .entry-content .l-fuki,
23
+ .entry-content .r-fuki {
24
+ /* width: calc(100% - 106px); */
25
+ width: -moz-fit-content;
26
+ width: fit-content;
27
+ max-width: calc(100% - 106px); /* これも入れておいた方がいいかも */
28
+ ```

1

追記

2020/03/28 01:20

投稿

Lhankor_Mhy
Lhankor_Mhy

スコア37495

answer CHANGED
@@ -1,4 +1,17 @@
1
1
  ```css
2
2
  /* width: calc(100% - 82px); */
3
3
  width: max-content;
4
- ```
4
+ ```
5
+
6
+ ### 追記
7
+
8
+ `fit-content`の方がいいかもですね。
9
+
10
+ ```css
11
+ /* width: calc(100% - 82px); */
12
+ width: -moz-fit-content;
13
+ width: fit-content;
14
+ ```
15
+
16
+
17
+ [Can I use... Support tables for HTML5, CSS3, etc](https://caniuse.com/#feat=mdn-css_properties_width_fit-content)