回答編集履歴
4
説明追記
test
CHANGED
|
@@ -4,7 +4,11 @@
|
|
|
4
4
|
|
|
5
5
|
ご希望のことが画面幅が1200px以上の場合は元サイズ（670px）、それ以下の場合は縮小してほしいということなら、~~メディアクエリで1200px以上は縮小しない設定にすることになると思います~~画像とコンテンツの幅を適切に設定すればいいですね。
|
|
6
6
|
|
|
7
|
+
|
|
8
|
+
|
|
7
|
-
670/1200=0.55833
|
|
9
|
+
flexコンテナの最大幅が1200pxで画像が670pxなので、670/1200=0.55833 から画像の幅を55.8%に設定すると
|
|
10
|
+
|
|
11
|
+
画面幅1200px以上だと 670px固定、それ以下だと画面幅に応じて縮小していきます。
|
|
8
12
|
|
|
9
13
|
|
|
10
14
|
|
3
コード修正
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
img {
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
width: 100%;
|
|
16
16
|
|
|
17
17
|
height: auto;
|
|
18
18
|
|
2
説明、コード修正
test
CHANGED
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
ご希望のことが画面幅が1200px以上の場合は元サイズ（670px）、それ以下の場合は縮小してほしいということなら、メディアクエリで1200px以上は縮小しない設定にすることになると思います。
|
|
5
|
+
ご希望のことが画面幅が1200px以上の場合は元サイズ（670px）、それ以下の場合は縮小してほしいということなら、~~メディアクエリで1200px以上は縮小しない設定にすることになると思います~~画像とコンテンツの幅を適切に設定すればいいですね。
|
|
6
|
+
|
|
7
|
+
670/1200=0.55833
|
|
6
8
|
|
|
7
9
|
|
|
8
10
|
|
|
@@ -42,9 +44,9 @@
|
|
|
42
44
|
|
|
43
45
|
/* width: 100%; */
|
|
44
46
|
|
|
47
|
+
width: 55.8%;
|
|
48
|
+
|
|
45
49
|
height: auto;
|
|
46
|
-
|
|
47
|
-
width: 55.8%;
|
|
48
50
|
|
|
49
51
|
}
|
|
50
52
|
|
|
@@ -54,18 +56,6 @@
|
|
|
54
56
|
|
|
55
57
|
}
|
|
56
58
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
@media screen and (min-width:1200px) {
|
|
60
|
-
|
|
61
|
-
figure {
|
|
62
|
-
|
|
63
|
-
flex-shrink: 0;
|
|
64
|
-
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
}
|
|
68
|
-
|
|
69
59
|
```
|
|
70
60
|
|
|
71
61
|
|
1
コード修正
test
CHANGED
|
@@ -44,13 +44,13 @@
|
|
|
44
44
|
|
|
45
45
|
height: auto;
|
|
46
46
|
|
|
47
|
-
width:
|
|
47
|
+
width: 55.8%;
|
|
48
48
|
|
|
49
49
|
}
|
|
50
50
|
|
|
51
51
|
.topContent {
|
|
52
52
|
|
|
53
|
-
width: 4
|
|
53
|
+
width: 44.2%;
|
|
54
54
|
|
|
55
55
|
}
|
|
56
56
|
|