質問編集履歴

4

文章追記

2020/11/18 11:30

投稿

ginkan
ginkan

スコア28

test CHANGED
File without changes
test CHANGED
@@ -138,11 +138,21 @@
138
138
 
139
139
 
140
140
 
141
+ CSS で縦幅を、横幅の 100% (padding-topの値) としているのに、赤枠の中が長方形になってしまう
142
+
143
+
144
+
141
- ### こんな感じになって欲しい (※これは画像加工で作成)
145
+ ### こんな感じになって欲しい
142
146
 
143
147
 
144
148
 
145
149
  ![イメージ説明](f2527184aebcc07c133c47f8579ec5e0.png)
150
+
151
+ ※このイメージは画像加工で作成
152
+
153
+
154
+
155
+ 赤枠の中は正方形を維持している
146
156
 
147
157
 
148
158
 

3

タイトル改善

2020/11/18 11:30

投稿

ginkan
ginkan

スコア28

test CHANGED
@@ -1 +1 @@
1
- DIVタグのアスペクト比を維持する方法を教えてください
1
+ CSSでDIVタグのアスペクト比を必ず維持する方法を教えてください
test CHANGED
File without changes

2

画像追加

2020/11/18 11:27

投稿

ginkan
ginkan

スコア28

test CHANGED
File without changes
test CHANGED
@@ -130,7 +130,19 @@
130
130
 
131
131
 
132
132
 
133
+ ### こうなってしまう
134
+
135
+
136
+
133
137
  ![イメージ説明](ab4e2241ab4140082e1d01df58a0d6be.png)
138
+
139
+
140
+
141
+ ### こんな感じになって欲しい (※これは画像加工で作成)
142
+
143
+
144
+
145
+ ![イメージ説明](f2527184aebcc07c133c47f8579ec5e0.png)
134
146
 
135
147
 
136
148
 

1

文章改善

2020/11/18 11:25

投稿

ginkan
ginkan

スコア28

test CHANGED
File without changes
test CHANGED
@@ -12,11 +12,11 @@
12
12
 
13
13
 
14
14
 
15
- ※ ●のサイズは可変でどんなサイズになるか予測できない前提です
15
+ 青枠の横幅と●のフォントサイズは可変で決め打ちはできない想定です
16
16
 
17
17
 
18
18
 
19
- ※ アスペクト比を維持する方法下のURLを参考にしました
19
+ ※ アスペクト比を維持する方法下のURLを参考にしました
20
20
 
21
21
 
22
22
 
@@ -56,6 +56,8 @@
56
56
 
57
57
  }
58
58
 
59
+ /* 青枠 */
60
+
59
61
  .box1 {
60
62
 
61
63
  display: flex;
@@ -73,6 +75,8 @@
73
75
  font-size: 100px; /* ●のフォントサイズも可変です */
74
76
 
75
77
  }
78
+
79
+ /* 赤枠 */
76
80
 
77
81
  .box2 {
78
82