質問編集履歴
1
質問文とやってみたことを追加しました
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
iPhoneの画面表示でレスポンシブが崩れてしまいます(Laravel)
|
body
CHANGED
|
@@ -4,10 +4,19 @@
|
|
|
4
4
|
iPhone12のChromeからだと[こちら](https://gyazo.com/a669f88cc0f0ea3eb0648234807d4198)になり、崩れます
|
|
5
5
|
|
|
6
6
|
何が原因として考えられますでしょうか？ アドバイスよろしくお願いします。
|
|
7
|
+
##やってみたこと
|
|
8
|
+
調べるとwebkitが原因なのかなと思い、下記を実装してみましたが、変化なしでした。
|
|
9
|
+
```css
|
|
10
|
+
.body {
|
|
11
|
+
-webkit-appearance: none;
|
|
12
|
+
-webkit-text-size-adjust: 100%;
|
|
13
|
+
}
|
|
14
|
+
```
|
|
15
|
+
tableを使ったことが原因なのでしょうか？
|
|
16
|
+
divを使って実装し直した方が良いのでしょうか？
|
|
7
17
|
|
|
8
|
-
|
|
9
|
-
|
|
10
18
|
###崩れてる部分のコード
|
|
19
|
+
Bootstrapのtableを使っています。
|
|
11
20
|
```php
|
|
12
21
|
<div class="container py-5">
|
|
13
22
|
<div class="row">
|
|
@@ -50,5 +59,5 @@
|
|
|
50
59
|
```
|
|
51
60
|
##環境
|
|
52
61
|
AWS
|
|
53
|
-
PHP 7.3.
|
|
62
|
+
PHP 7.3.29
|
|
54
63
|
Laravel5.8
|