fix:修改分辨率适配

web

5 天以前 0b55a5fbdc0fe54442d535b3be26470a784b89ca

fix:修改分辨率适配

 index.html

@@ -214,4 +214,19 @@
  <script type="module" src="/src/main.js"></script>
</body>

<script>
    // 屏幕适配
    const t = window.devicePixelRatio   // 获取下载的缩放 125% -> 1.25    150% -> 1.5
    // var heigth_screen = window.screen.height;    // 获取整个屏幕的分辨率
    const width_screen = window.screen.width;
    let zoom = 1
    if (t !== 1) {
        zoom = (1 / t) * zoom;   // 就去修改页面的缩放比例
    }
    if (width_screen < 1366) {
        zoom = (width_screen / 1366) * zoom;   // 就去修改页面的缩放比例
    }
    document.body.style.zoom = zoom;   // 就去修改页面的缩放比例
</script>

</html>

 src/views/login.vue

@@ -66,10 +66,6 @@
            </el-form>
            <img class="left-img" src="../assets/images/login_icon.png"/>
        </div>
        <!--  底部  -->
        <div class="footer">
            <span>苏州伦晗电子有限公司.</span>
        </div>
    </div>
</template>