回答編集履歴
2
修正
test
CHANGED
@@ -4,15 +4,17 @@
|
|
4
4
|
|
5
5
|
<!DOCTYPE html>
|
6
6
|
|
7
|
-
<html
|
7
|
+
<html>
|
8
8
|
|
9
9
|
<head>
|
10
10
|
|
11
11
|
<meta charset="utf-8">
|
12
12
|
|
13
|
+
<meta name="viewport" content="width=device-width,initial-scale=1.0">
|
14
|
+
|
13
15
|
<title>タイトル</title>
|
14
16
|
|
15
|
-
<style>
|
17
|
+
<style type="text/css">
|
16
18
|
|
17
19
|
.wrap {
|
18
20
|
|
@@ -34,29 +36,41 @@
|
|
34
36
|
|
35
37
|
<body>
|
36
38
|
|
37
|
-
<
|
39
|
+
<div class="wrapper">
|
38
40
|
|
39
|
-
<
|
41
|
+
<header class="header">
|
40
42
|
|
41
|
-
<
|
43
|
+
<div>
|
42
44
|
|
43
|
-
<l
|
45
|
+
<div class="wrap push" id="menu_wrap">
|
44
46
|
|
45
|
-
<
|
47
|
+
<a href="#menu" class="menu-link">☰</a>
|
46
48
|
|
47
|
-
</
|
49
|
+
</div>
|
48
50
|
|
49
|
-
</
|
51
|
+
</div>
|
50
52
|
|
53
|
+
</header>
|
51
54
|
|
55
|
+
<div class="contents">
|
52
56
|
|
53
|
-
<
|
57
|
+
<nav id="menu" role="navigation">
|
54
58
|
|
59
|
+
<ul>
|
60
|
+
|
55
|
-
<a href="#
|
61
|
+
<li><a href="#">テキスト1</a></li>
|
62
|
+
|
63
|
+
<li><a href="#">テキスト2</a></li>
|
64
|
+
|
65
|
+
<li><a href="#">テキスト3</a></li>
|
66
|
+
|
67
|
+
</ul>
|
68
|
+
|
69
|
+
</nav>
|
70
|
+
|
71
|
+
</div>
|
56
72
|
|
57
73
|
</div>
|
58
|
-
|
59
|
-
|
60
74
|
|
61
75
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
|
62
76
|
|
1
修正
test
CHANGED
@@ -4,7 +4,7 @@
|
|
4
4
|
|
5
5
|
<!DOCTYPE html>
|
6
6
|
|
7
|
-
<html>
|
7
|
+
<html lang="ja">
|
8
8
|
|
9
9
|
<head>
|
10
10
|
|
@@ -68,17 +68,17 @@
|
|
68
68
|
|
69
69
|
$(window).resize(function () {
|
70
70
|
|
71
|
-
if (window.matchMedia(
|
71
|
+
if (window.matchMedia("(max-width: 768px)").matches) {
|
72
72
|
|
73
73
|
$("#menu_wrap").css({"display": "block"});
|
74
74
|
|
75
|
-
$(
|
75
|
+
$(".menu-link").bigSlide();
|
76
76
|
|
77
77
|
} else {
|
78
78
|
|
79
79
|
$("#menu_wrap").css({"display": "none"});
|
80
80
|
|
81
|
-
$(
|
81
|
+
$("#menu").prop("style", "");
|
82
82
|
|
83
83
|
}
|
84
84
|
|