1、修改lubanPageForZip.html，添加移动端屏幕适配脚本

徐烜
1 parent 3b311ec0
Showing 1 changed file with 14 additions and 0 deletions
src/main/resources/templates/lubanPageForZip.html
@@ -58,6 +58,20 @@
     <engine />
 </div>
  
+<!-- 移动端屏幕适配脚本 -->
+<script type="text/javascript">
+    /**
+     * 这里是根据dpr计算scale。
+     * 计算逻辑是一个物理像素等于一个设备独立像素，dpr等于1时，一个css的px等于物理分辨率的1pt
+     * 1/dpr就是当前dpr显示的效果和dpr=1时显示的效果一致
+     */
+    var metaEL= document.querySelector('meta[name="viewport"]');
+    var dpr = window.devicePixelRatio;
+    var scale = 1 / dpr;
+    metaEL.setAttribute('content', 'width=device-width, initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
+
+</script>
+
 <!-- 处理后台work对象 -->
 <script type="text/javascript" th:inline="javascript">
     // 获取url查询参数，queryName：参数名