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