-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (106 loc) · 3.49 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE HTML>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
<meta name="format-detection" content="telephone=no">
<meta property="og:image" content="https://www.georgjensen.com/dw/image/v2/BBPS_PRD/on/demandware.static/-/Sites-master-catalog/default/dw672c958a/images/hi-res/pack___3586352_CAFU_VASE_XS_GLASS_03.png?sw=800&sh=800&sm=fit" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="1200" />
<title>花瓶的進化</title>
<!-- 不要删除或改变下面这行代码 -->
<!-- begin REM Zoom 计算 -->
<script type="text/javascript">
(function (win) {
var remCalc = {};
var docEl = win.document.documentElement,
tid,
hasRem = true,
hasZoom = true,
zoomRuler = 'width',
designWidth = 750,
designHeight = 1206;
function refresh() {
var width = docEl.clientWidth;
var height = docEl.clientHeight;
if (width > 768) width = 768;
if (hasRem) {
var rem = width / 10;
docEl.style.fontSize = rem + "px";
remCalc.rem = rem;
var actualSize = parseFloat(window.getComputedStyle(document.documentElement)["font-size"]);
if (actualSize !== rem && actualSize > 0 && Math.abs(actualSize - rem) > 1) {
var remScaled = rem * rem / actualSize;
docEl.style.fontSize = remScaled + "px";
}
}
if (hasZoom) {
var style = document.getElementById('J__style');
if (!style) {
style = document.createElement('style');
style.id = 'J__style';
}
var r,s;
if (zoomRuler === 'height') {
r = height / designHeight;
} else {
r = width / designWidth;
}
r.toFixed && (r = r.toFixed(5));
s = '.__z{zoom:' + r + '} ';
s += '.__s{-webkit-transform: scale(' + r + ');transform: scale(' + r + ')}';
style.innerHTML = s;
document.getElementsByTagName('head')[0].appendChild(style);
}
}
function dbcRefresh() {
clearTimeout(tid);
tid = setTimeout(refresh, 100)
}
win.addEventListener("resize", function () {
dbcRefresh()
}, false);
win.addEventListener("pageshow", function (e) {
if (e.persisted) {
dbcRefresh();
}
}, false);
refresh();
if (hasRem) {
remCalc.refresh = refresh;
remCalc.rem2px = function (d) {
var val = parseFloat(d) * this.rem;
if (typeof d === "string" && d.match(/rem$/)) {
val += "px";
}
return val;
};
remCalc.px2rem = function (d) {
var val = parseFloat(d) / this.rem;
if (typeof d === "string" && d.match(/px$/)) {
val += "rem";
}
return val;
};
win.remCalc = remCalc;
}
})(window);
</script>
<!-- end REM Zoom 计算 -->
<link href="./css/app.css" rel="stylesheet"></head>
<body>
<!-- S 主体内容 -->
<div id="o2_main" class="main">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide slide-1"></div>
<div class="swiper-slide slide-2"></div>
<div class="swiper-slide slide-3"></div>
<div class="swiper-slide slide-4"></div>
<div class="swiper-slide slide-5"></div>
</div>
</div>
</div>
<!-- E 主体内容 -->
<script type="text/javascript" src="./js/bundle.js"></script></body>
</html>