質問編集履歴
4
文章追記
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
タイトル改善
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
DIVタグのアスペクト比を維持する方法を教えてください
|
1
|
+
CSSでDIVタグのアスペクト比を必ず維持する方法を教えてください
|
test
CHANGED
File without changes
|
2
画像追加
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
文章改善
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
|
-
※ アスペクト比を維持する方法
|
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
|
|