回答編集履歴
4
追記2 : 追加cssを適用
answer
CHANGED
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
|
|
45
45
|
```
|
|
46
46
|
|
|
47
|
-
## 追記
|
|
47
|
+
## 追記1
|
|
48
48
|
ChromeDevToolでの確認ですが再現せずです。
|
|
49
49
|
|
|
50
50
|
|
|
@@ -61,4 +61,16 @@
|
|
|
61
61
|
```
|
|
62
62
|
|
|
63
63
|
実は、iPhone実機の解像度が画像よりも大きくて余白になっているだけではないでしょうか？
|
|
64
|
+
よろしくお願いします。
|
|
65
|
+
|
|
66
|
+
## 追記2
|
|
67
|
+
追加cssを適用し、imgタグからインラインスタイルを外してみました。
|
|
68
|
+
画像ははみ出ますが、少なくとも余白の問題は起きないです。
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
まだ出していない情報ないですか？
|
|
73
|
+
回答者側は貰った情報でしか検証できないので、書いたものだけで現象が起きるのかどうかはご確認いただけると嬉しいです。
|
|
74
|
+
|
|
75
|
+
もし実機のみの現象であれば私の手元にはiPhoneがないのでもうギブです。ごめんなさい。
|
|
64
76
|
よろしくお願いします。
|
3
追加検証
answer
CHANGED
|
@@ -42,4 +42,23 @@
|
|
|
42
42
|
position: relative;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
```
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
## 追記
|
|
48
|
+
ChromeDevToolでの確認ですが再現せずです。
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
ただ、画像が画面右の外にはみ出したので…
|
|
52
|
+
|
|
53
|
+
```html
|
|
54
|
+
<img src="img/sisi.png" alt="唐獅子" id="sisi">
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
このように修正しています。
|
|
58
|
+
|
|
59
|
+
```html
|
|
60
|
+
<img src="img/sisi.png" alt="唐獅子" id="sisi" style="width: 100%; height: auto;">
|
|
61
|
+
```
|
|
62
|
+
|
|
63
|
+
実は、iPhone実機の解像度が画像よりも大きくて余白になっているだけではないでしょうか？
|
|
64
|
+
よろしくお願いします。
|
2
cssのtypo
answer
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
これは画面サイズに対する割合なんで、`#out`自身がmarginなどでx方向にずれるとその分はみ出します。
|
|
7
7
|
なので、`<div id="#out">xxx</div>`とその外側のタグの兼ね合いで。。。
|
|
8
8
|
|
|
9
|
-
とりあえず外側に`
|
|
9
|
+
とりあえず外側に`margin: 0`をつけて画面サイズに合わせるとこんな感じになります。
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
1
mdがミスっていたので。。
answer
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
> overflowはhiddenとscroll両方つけることができますか？
|
|
2
|
+
|
|
2
3
|
この質問の回答としては可能。
|
|
3
4
|
|
|
4
5
|
で、既にできているような気もするんですが、`width: 100vw`あたりが悪さをしていませんか？
|