回答編集履歴
4
追記2 : 追加cssを適用
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
追加検証
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
test
CHANGED
@@ -14,7 +14,7 @@
|
|
14
14
|
|
15
15
|
|
16
16
|
|
17
|
-
とりあえず外側に`margin
|
17
|
+
とりあえず外側に`margin: 0`をつけて画面サイズに合わせるとこんな感じになります。
|
18
18
|
|
19
19
|
|
20
20
|
|
1
mdがミスっていたので。。
test
CHANGED
@@ -1,4 +1,6 @@
|
|
1
1
|
> overflowはhiddenとscroll両方つけることができますか?
|
2
|
+
|
3
|
+
|
2
4
|
|
3
5
|
この質問の回答としては可能。
|
4
6
|
|