回答編集履歴

5

書式の改善

2020/07/03 07:45

投稿

-millmill-
-millmill-

スコア676

test CHANGED
@@ -34,7 +34,11 @@
34
34
 
35
35
 
36
36
 
37
+ ---
38
+
37
- 左右margin、左右paddingの単位を全て%にする
39
+ px指定の左右margin、左右paddingの単位を全て%にする
40
+
41
+ (autoはそのままでOK)
38
42
 
39
43
 
40
44
 

4

書式の改善

2020/07/03 07:44

投稿

-millmill-
-millmill-

スコア676

test CHANGED
@@ -40,7 +40,7 @@
40
40
 
41
41
  → margin: ●●%;
42
42
 
43
- → marginは940pxに対する%に
43
+ → marginは親要素(940px?)に対する%に
44
44
 
45
45
 
46
46
 

3

書式の改善

2020/07/03 07:42

投稿

-millmill-
-millmill-

スコア676

test CHANGED
@@ -52,11 +52,13 @@
52
52
 
53
53
  ---
54
54
 
55
- これで画面巾に関わらず
55
+ max-width、左右padding、左右marginを
56
56
 
57
- boxの幅は
57
+ 全て % に変えれば
58
58
 
59
+ 画面に対する横の配置は
60
+
59
- 1260px以上と同じ見え方になります。
61
+ 画面巾に関わらず1260px以上と同じ見え方になります。
60
62
 
61
63
 
62
64
 
@@ -64,4 +66,6 @@
64
66
 
65
67
  内容のテキストの改行が増える分
66
68
 
67
- 縦のバランス変わります
69
+ のバランス変わりますので
70
+
71
+ 全く同じに見えるかは疑問ですが^^;;

2

例の追加

2020/07/03 06:18

投稿

-millmill-
-millmill-

スコア676

test CHANGED
@@ -29,6 +29,8 @@
29
29
  その他のwidthを指定している部分は
30
30
 
31
31
  max-width を940pxに対する%にする
32
+
33
+ → max-width: ●●%;
32
34
 
33
35
 
34
36
 

1

内容の追加

2020/07/03 06:12

投稿

-millmill-
-millmill-

スコア676

test CHANGED
@@ -1,4 +1,12 @@
1
+ 質問への回答がありませんでしたので
2
+
3
+ 画面に対して同じ比率(横幅)で表示できるような内容にしました。
4
+
5
+
6
+
1
7
  ブレークポイントは不要です
8
+
9
+
2
10
 
3
11
  ---
4
12