回答編集履歴

5

修正

2020/04/04 10:01

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -48,7 +48,7 @@
48
48
 
49
49
  body {
50
50
 
51
- overflow-x: none;
51
+ overflow-x: hidden;
52
52
 
53
53
  }
54
54
 

4

修正

2020/04/04 10:01

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -48,9 +48,7 @@
48
48
 
49
49
  body {
50
50
 
51
- margin: 0;
51
+ overflow-x: none;
52
-
53
- padding: 0;
54
52
 
55
53
  }
56
54
 
@@ -73,17 +71,3 @@
73
71
  }
74
72
 
75
73
  ```
76
-
77
-
78
-
79
- ```CSS
80
-
81
- html,
82
-
83
- body {
84
-
85
- overflow-x: none;
86
-
87
- }
88
-
89
- ```

3

修正

2020/04/04 10:00

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -78,6 +78,8 @@
78
78
 
79
79
  ```CSS
80
80
 
81
+ html,
82
+
81
83
  body {
82
84
 
83
85
  overflow-x: none;

2

修正

2020/04/04 09:55

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -28,10 +28,60 @@
28
28
 
29
29
 
30
30
 
31
+ ![イメージ説明](f309c7858398f5575fbb93ec7f086114.png)
32
+
33
+ ![イメージ説明](b27cd2f61766333578808203c8fdf9b7.png)
31
34
 
32
35
 
33
36
 
37
+ -----
34
38
 
35
- ![イメージ説明](f309c7858398f5575fbb93ec7f086114.png)
39
+ 追記:
36
40
 
37
- ![イメジ説明](b27cd2f61766333578808203c8fdf9b7.png)
41
+ とりあえず、以下のどれかで横スクロルはなくなるかもしれません。
42
+
43
+
44
+
45
+ ```CSS
46
+
47
+ html,
48
+
49
+ body {
50
+
51
+ margin: 0;
52
+
53
+ padding: 0;
54
+
55
+ }
56
+
57
+ ```
58
+
59
+
60
+
61
+ ```CSS
62
+
63
+ html,
64
+
65
+ body {
66
+
67
+ margin: 0;
68
+
69
+ padding: 0;
70
+
71
+ box-sizing: border-box;
72
+
73
+ }
74
+
75
+ ```
76
+
77
+
78
+
79
+ ```CSS
80
+
81
+ body {
82
+
83
+ overflow-x: none;
84
+
85
+ }
86
+
87
+ ```

1

修正

2020/04/04 09:55

投稿

new1ro
new1ro

スコア4528

test CHANGED
@@ -20,6 +20,18 @@
20
20
 
21
21
 
22
22
 
23
+
24
+
23
25
  となってしまっているので、
24
26
 
25
27
  「デベロッパーツールでスマホ表示させると、横スクロールが発生」してしまっているのかもしれません。
28
+
29
+
30
+
31
+
32
+
33
+
34
+
35
+ ![イメージ説明](f309c7858398f5575fbb93ec7f086114.png)
36
+
37
+ ![イメージ説明](b27cd2f61766333578808203c8fdf9b7.png)