js根据当前网页的缩放比例修改样式

881 ℃

获取当前页面的缩放值,来修改样式!

function detectZoom (){ 
  var ratio = 0,
    screen = window.screen,
    ua = navigator.userAgent.toLowerCase();
 
   if (window.devicePixelRatio !== undefined) {
      ratio = window.devicePixelRatio;
  }
  else if (~ua.indexOf('msie')) {  
    if (screen.deviceXDPI && screen.logicalXDPI) {
      ratio = screen.deviceXDPI / screen.logicalXDPI;
    }
  }
  else if (window.outerWidth !== undefined && window.innerWidth !== undefined) {
    ratio = window.outerWidth / window.innerWidth;
  }
   if (ratio){
    ratio = Math.round(ratio * 100);
  }
   return ratio;
};

//开始判断

if(detectZoom()==200){ }else{ }

进入前端入门建站教程官网入口

盘点50个全面的正则表达式集合,从基本验证到高级匹配

js不同地区身份证正则表达式大全

一款专门用于在JavaScript和TypeScript的货币处理工具库——Dinero.js

JavaScript动态日历:如何用变量num精准控制月份递增?

一款开源JavaScript库,实现图片背景色智能提取与融合——AutoHue.js

标签: zoom, 缩放比例

上面是“js根据当前网页的缩放比例修改样式”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_1475.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
Vue动态绑定类时出现“空类”怎么办
如何利用php语法批量将blob数据转为base64编码
分享plsql连接到oracle数据库的详细信息
javascript实现checkBox单选
wordpress如何实现标题自动生成拼音