質問編集履歴

1

情報追加

2018/03/25 06:00

投稿

tomoharu
tomoharu

スコア107

test CHANGED
File without changes
test CHANGED
@@ -9,3 +9,113 @@
9
9
  何が原因なのでしょうか。また解決法はありますでしょうか。
10
10
 
11
11
  何卒宜しくお願いします。
12
+
13
+
14
+
15
+ 実際の見た目とコードです。
16
+
17
+
18
+
19
+ これがpcで見たときです
20
+
21
+ ![イメージ説明](a6808a78c232beaf1b8834fc84159c24.gif)
22
+
23
+
24
+
25
+ しかし、自分のアンドロイドで見ると。。。
26
+
27
+ ![イメージ説明](c1d2c1a99ec8a49fca99685bbc788b1f.jpeg)
28
+
29
+
30
+
31
+ 文字が消えてしまいます。
32
+
33
+ ```html
34
+
35
+
36
+
37
+ <nav class="navbar navbar-default navbar-fixed-bottom " role="navigation">
38
+
39
+ <div class="row">
40
+
41
+ <div class="btn-group btn-group-justified">
42
+
43
+ <a href="/" class="btn" >ホーム</a>
44
+
45
+ <a href="/user/:id" class="btn">お気に入り</a>
46
+
47
+ <a href="/user/:id/comics/rank" class="btn">ランキング</a>
48
+
49
+ <a href="/comics/search" class="btn">検索</a>
50
+
51
+ <a href="/user/:id/comics/new" class="btn">出品</a>
52
+
53
+ </div>
54
+
55
+ </div>
56
+
57
+ </nav>
58
+
59
+ ```
60
+
61
+
62
+
63
+ ```css
64
+
65
+ @media screen and ( max-width:479px )
66
+
67
+ {
68
+
69
+ .navbar {
70
+
71
+ width: 100%;
72
+
73
+ margin: 0 auto;
74
+
75
+ padding-right:15px;
76
+
77
+ padding-left:15px;
78
+
79
+ border-radius:7px;
80
+
81
+ }
82
+
83
+
84
+
85
+ .btn {
86
+
87
+
88
+
89
+ display: inline;
90
+
91
+ font-size:7%;
92
+
93
+ text-align: center;
94
+
95
+ width:20%;
96
+
97
+ }
98
+
99
+
100
+
101
+ .btn-group {
102
+
103
+ width:100%;
104
+
105
+ margin: 0 auto;
106
+
107
+ text-align: center;
108
+
109
+ }
110
+
111
+
112
+
113
+ }
114
+
115
+
116
+
117
+ ```
118
+
119
+ コードは上記のものです。
120
+
121
+ サーバーはherokuです。開発はmacです。