質問編集履歴

1

vieportのコードを追加しました

2019/06/27 14:04

投稿

RubyisCat
RubyisCat

スコア6

test CHANGED
File without changes
test CHANGED
@@ -156,6 +156,8 @@
156
156
 
157
157
 
158
158
 
159
+
160
+
159
161
  .vipbox-container {
160
162
 
161
163
 
@@ -246,6 +248,142 @@
246
248
 
247
249
  }
248
250
 
251
+
252
+
253
+
254
+
255
+
256
+
257
+
258
+
259
+ /*===========================
260
+
261
+ 11.RESPONSIVE
262
+
263
+ =============================*/
264
+
265
+
266
+
267
+ @media (min-width: 200px) and (max-width: 768px) {
268
+
269
+
270
+
271
+ .body {
272
+
273
+
274
+
275
+ font-size: 18px;
276
+
277
+ }
278
+
279
+
280
+
281
+
282
+
283
+
284
+
285
+ .contents {
286
+
287
+ padding: 40px 0;
288
+
289
+ text-align: center;
290
+
291
+ }
292
+
293
+
294
+
295
+ .custom-nav {
296
+
297
+ background-color: #fff !important;
298
+
299
+ padding: 10px 0px !important;
300
+
301
+ }
302
+
303
+ .custom-nav .container {
304
+
305
+ width: 85%;
306
+
307
+ }
308
+
309
+ .custom-nav .navbar-toggler {
310
+
311
+ color: #000;
312
+
313
+ font-size: 26px;
314
+
315
+ border: none;
316
+
317
+ }
318
+
319
+ .custom-nav .logo .logo-dark {
320
+
321
+ display:inline-block;
322
+
323
+ }
324
+
325
+ .custom-nav .navbar-nav li a {
326
+
327
+ color: rgba(0, 0, 0, 0.6) !important;
328
+
329
+ }
330
+
331
+ .custom-nav .logo .logo-light {
332
+
333
+ display:none;
334
+
335
+ }
336
+
337
+ .h-100vh{
338
+
339
+ height:auto;
340
+
341
+ }
342
+
343
+ .header-bg-img{
344
+
345
+ clip-path: none;
346
+
347
+ }
348
+
349
+ .custom-nav .navbar-nav li a {
350
+
351
+ margin: 0 0px;
352
+
353
+ line-height: 15px;
354
+
355
+ }
356
+
357
+ .header-name{
358
+
359
+ font-size:38px;
360
+
361
+ }
362
+
363
+
364
+
365
+ .container {
366
+
367
+ max-width: 0 auto;
368
+
369
+ /* width: 100%; */
370
+
371
+ margin: 0 auto;
372
+
373
+ overflow: hidden;
374
+
375
+ }
376
+
377
+
378
+
379
+
380
+
381
+
382
+
383
+
384
+
385
+ }
386
+
249
387
  ```
250
388
 
251
389
  ### ディベロッパーツールでの見え方