前端网页兼容电脑笔记本分辨率放大125%、150%的办法

您所在的位置:网站首页 1920*1080分辨率如何 前端网页兼容电脑笔记本分辨率放大125%、150%的办法

前端网页兼容电脑笔记本分辨率放大125%、150%的办法

2023-07-24 16:10| 来源: 网络整理| 查看: 265

有的电脑就是玩儿,哎非要默认125%或者150%的放大,还特喵的是推荐! 在这里插入图片描述

css /* 屏幕分辨率放大为 150 */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 120dpi) { .app-main { transform: scale(0.665, 0.665); /* 缩放数值需要根据效果调试 */ transform-origin: left top; } } /* 屏幕分辨率放大为 125 */ @media (-webkit-min-device-pixel-ratio: 1.25) { .app-main { transform: scale(0.799, 0.799); transform-origin: left top; } }

有时候一个页面要缩放一个不需要缩放,这时候就在需要缩放的页面里用js代码实现。

js // 以.app-main 为例 if (window.devicePixelRatio == 1.5) { document.getElementsByClassName("app-main")[0].style.transform = "scale(0.665, 0.665)" document.getElementsByClassName("app-main")[0].style["transform-origin"] = "left top" } if (window.devicePixelRatio == 1.25) { document.getElementsByClassName("app-main")[0].style.transform = "scale(0.799, 0.799)" document.getElementsByClassName("app-main")[0].style["transform-origin"] = "left top" }


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3