teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問スマホで見た時にファーストビューの高さがうまく取れなくて困っています。

編集履歴

質問編集履歴

7

修正

2017/09/20 04:59

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -34,13 +34,7 @@
34
34
 
35
35
  テストサイト
36
36
 
37
- [http://37854bc53656a874.main.jp/test/timeless/](http://37854bc53656a874.main.jp/test/timeless/)
38
-
39
- (アクセス制限をかけているので、下記ID/PWでご確認くださいませ。解決したら削除致します。)
37
+ こちらでは解決に至らなかったので、URLは削除させていただきました。ご協力ありがとうございました。
40
-
41
- ID: test
42
-
43
- PW: test
44
38
 
45
39
 
46
40
 

6

画像削除

2017/09/20 04:59

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -58,13 +58,13 @@
58
58
 
59
59
  参考画像（初期表示時）
60
60
 
61
- ![初期表示時](0e9194e7dbea3e7538e26259143d8baf.jpeg)
61
+ 解決に至らなかったので、参考画像は削除しました。
62
62
 
63
63
 
64
64
 
65
65
  参考画像（検索メニューなどが縮小した時）
66
66
 
67
- ![検索メニューなどが縮小した時](0ec73c284e3243601341fda4fc647c8d.jpeg)
67
+ 解決に至らなかったので、参考画像は削除しました。
68
68
 
69
69
 
70
70
 

5

カテゴリー追加

2017/09/18 09:17

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
File without changes

4

タイトルが変だったので修正

2017/09/08 12:30

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- がぞスマホで見た時にファーストビューの高さがうまく取れなくて困っています。
1
+ スマホで見た時にファーストビューの高さがうまく取れなくて困っています。
test CHANGED
File without changes

3

ソースコード追加

2017/09/08 09:32

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -65,3 +65,119 @@
65
65
  参考画像（検索メニューなどが縮小した時）
66
66
 
67
67
  ![検索メニューなどが縮小した時](0ec73c284e3243601341fda4fc647c8d.jpeg)
68
+
69
+
70
+
71
+ ```ここに言語を入力
72
+
73
+ // 対象htmlコード
74
+
75
+
76
+
77
+ <div id="top" class="wrapper">
78
+
79
+
80
+
81
+ <div id="mainvisual" style="">
82
+
83
+ <h1><a href="./"><img src="assets/images/logo-big.png" alt="TIMELESS"></a></h1>
84
+
85
+ </div>
86
+
87
+ <!-- #mainvisual -->
88
+
89
+ </div>
90
+
91
+
92
+
93
+
94
+
95
+ ```
96
+
97
+
98
+
99
+ ```ここに言語を入力
100
+
101
+ // 対象css
102
+
103
+
104
+
105
+ html {
106
+
107
+ height: 100%;
108
+
109
+ }
110
+
111
+ .wrapper {
112
+
113
+ overflow: hidden;
114
+
115
+ position: relative;
116
+
117
+ margin: 0 auto;
118
+
119
+ padding: 0;
120
+
121
+ }
122
+
123
+ #mainvisual {
124
+
125
+ width: 100%;
126
+
127
+ height: 100vh;
128
+
129
+ background-size: cover;
130
+
131
+ background-position: center;
132
+
133
+ background-repeat: no-repeat;
134
+
135
+ display: flex;
136
+
137
+ align-items: center;
138
+
139
+ justify-content: center;
140
+
141
+ flex-direction: column;
142
+
143
+ background-color: #fff;
144
+
145
+ position: fixed;
146
+
147
+ overflow: hidden;
148
+
149
+ top:0 !important;
150
+
151
+ z-index:0 !important;
152
+
153
+ }
154
+
155
+ #mainvisual h1 {
156
+
157
+ width: 30.4%;
158
+
159
+ max-width: 228px;
160
+
161
+ cursor: pointer;
162
+
163
+ }
164
+
165
+ ```
166
+
167
+
168
+
169
+ ```ここに言語を入力
170
+
171
+ // 対象js（jquery.bgswitcher.js）
172
+
173
+ jsのソースが載せきれないので、リンクを追記しておきます。。
174
+
175
+ http://37854bc53656a874.main.jp/test/timeless/assets/js/jquery.bgswitcher.js
176
+
177
+ ID: test
178
+
179
+ PW: test
180
+
181
+
182
+
183
+ ```

2

参考画像追加

2017/09/08 09:32

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- スマホで見た時にファーストビューの高さがうまく取れなくて困っています。
1
+ がぞスマホで見た時にファーストビューの高さがうまく取れなくて困っています。
test CHANGED
@@ -53,3 +53,15 @@
53
53
 
54
54
 
55
55
  --------------------
56
+
57
+
58
+
59
+ 参考画像（初期表示時）
60
+
61
+ ![初期表示時](0e9194e7dbea3e7538e26259143d8baf.jpeg)
62
+
63
+
64
+
65
+ 参考画像（検索メニューなどが縮小した時）
66
+
67
+ ![検索メニューなどが縮小した時](0ec73c284e3243601341fda4fc647c8d.jpeg)

1

リンク付

2017/09/08 09:08

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -34,7 +34,7 @@
34
34
 
35
35
  テストサイト
36
36
 
37
- http://37854bc53656a874.main.jp/test/timeless/
37
+ [http://37854bc53656a874.main.jp/test/timeless/](http://37854bc53656a874.main.jp/test/timeless/)
38
38
 
39
39
  (アクセス制限をかけているので、下記ID/PWでご確認くださいませ。解決したら削除致します。)
40
40