回答編集履歴

4

追記2 : 追加cssを適用

2021/01/21 04:38

投稿

退会済みユーザー
test CHANGED
@@ -90,7 +90,7 @@
90
90
 
91
91
 
92
92
 
93
- ## 追記
93
+ ## 追記1
94
94
 
95
95
  ChromeDevToolでの確認ですが再現せずです。
96
96
 
@@ -125,3 +125,27 @@
125
125
  実は、iPhone実機の解像度が画像よりも大きくて余白になっているだけではないでしょうか?
126
126
 
127
127
  よろしくお願いします。
128
+
129
+
130
+
131
+ ## 追記2
132
+
133
+ 追加cssを適用し、imgタグからインラインスタイルを外してみました。
134
+
135
+ 画像ははみ出ますが、少なくとも余白の問題は起きないです。
136
+
137
+
138
+
139
+ ![イメージ説明](524b00239974b0589d852ed617e5c3bc.jpeg)
140
+
141
+
142
+
143
+ まだ出していない情報ないですか?
144
+
145
+ 回答者側は貰った情報でしか検証できないので、書いたものだけで現象が起きるのかどうかはご確認いただけると嬉しいです。
146
+
147
+
148
+
149
+ もし実機のみの現象であれば私の手元にはiPhoneがないのでもうギブです。ごめんなさい。
150
+
151
+ よろしくお願いします。

3

追加検証

2021/01/21 04:38

投稿

退会済みユーザー
test CHANGED
@@ -87,3 +87,41 @@
87
87
 
88
88
 
89
89
  ```
90
+
91
+
92
+
93
+ ## 追記
94
+
95
+ ChromeDevToolでの確認ですが再現せずです。
96
+
97
+ ![イメージ説明](81235c2b1301c10068d3b8c33fb4ae95.jpeg)
98
+
99
+
100
+
101
+ ただ、画像が画面右の外にはみ出したので…
102
+
103
+
104
+
105
+ ```html
106
+
107
+ <img src="img/sisi.png" alt="唐獅子" id="sisi">
108
+
109
+ ```
110
+
111
+
112
+
113
+ このように修正しています。
114
+
115
+
116
+
117
+ ```html
118
+
119
+ <img src="img/sisi.png" alt="唐獅子" id="sisi" style="width: 100%; height: auto;">
120
+
121
+ ```
122
+
123
+
124
+
125
+ 実は、iPhone実機の解像度が画像よりも大きくて余白になっているだけではないでしょうか?
126
+
127
+ よろしくお願いします。

2

cssのtypo

2021/01/21 03:10

投稿

退会済みユーザー
test CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
 
16
16
 
17
- とりあえず外側に`margine: 0`をつけて画面サイズに合わせるとこんな感じになります。
17
+ とりあえず外側に`margin: 0`をつけて画面サイズに合わせるとこんな感じになります。
18
18
 
19
19
 
20
20
 

1

mdがミスっていたので。。

2021/01/21 02:21

投稿

退会済みユーザー
test CHANGED
@@ -1,4 +1,6 @@
1
1
  > overflowはhiddenとscroll両方つけることができますか?
2
+
3
+
2
4
 
3
5
  この質問の回答としては可能。
4
6