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

818 ℃

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

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{ }

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

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

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

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

JavaScript动态绑定方法不执行正确代码示例

一个可以在网页上实现流畅、酷炫的过渡效果JavaScript工具库——Barba.js

标签: zoom, 缩放比例

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

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

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

mysql语法中关于Union All的正确使用
JavaScript遍历出1-100数字哪些不在数组中
百度echarts:饼图pie数字太小看不到扇形怎么办
WordPress教程:利用mysql语法重置密码
php利用内置函数实现Base64的编码和解码