|
|
@@ -10,6 +10,8 @@
|
|
|
<meta name="page-view-size" content="1280*720" />
|
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
|
|
+
|
|
|
+
|
|
|
<style>
|
|
|
|
|
|
body {
|
|
|
@@ -49,6 +51,23 @@
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
+<script>
|
|
|
+ var deviceWidth = parseInt(window.screen.width); //获取当前设备的屏幕宽度
|
|
|
+ var deviceScale = deviceWidth / 1280; //得到当前设备屏幕与640之间的比例，之后我们就可以将网页宽度固定为640px
|
|
|
+ var ua = navigator.userAgent;
|
|
|
+ //获取当前设备类型（安卓或苹果）
|
|
|
+ if (/Android (\d+\.\d+)/.test(ua)) {
|
|
|
+ var version = parseFloat(RegExp.$1);
|
|
|
+ if (version > 2.3) {
|
|
|
+ document.write('<meta name="viewport" content="width=1280,initial-scale=' + deviceScale + ', minimum-scale = ' + deviceScale + ', maximum-scale = ' + deviceScale + ', target-densitydpi=device-dpi">');
|
|
|
+ } else {
|
|
|
+ document.write('<meta name="viewport" content="width=1280,initial-scale=0.75,maximum-scale=0.75,minimum-scale=0.75,target-densitydpi=device-dpi" />');
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ document.write('<meta name="viewport" content="width=1280, user-scalable=no">');
|
|
|
+ }
|
|
|
+</script>
|
|
|
+
|
|
|
<body id="Jdoc">
|
|
|
|
|
|
<!-- 用来保存输出结果 -->
|
|
|
@@ -95,6 +114,7 @@
|
|
|
|
|
|
<div class="ctrlBtn"></div>
|
|
|
|
|
|
+
|
|
|
<script src="index2.min.js"></script>
|
|
|
|
|
|
<script type="text/javaScript">
|
lateri