获取浏览器页面缩放或展示比例

逃离我推掉我的手 2023-06-12 11:16 47阅读 0赞

翻页面的时候，不经意看到了 csdn还是什么页面 给提示‘您当前页面处于缩放，页面可能会错乱’；就好奇 怎么获取到 页面是否缩放和 缩放比例的，所以就查询了一下：得到了 下面的结果 做个记录；

原文地址：[https://www.cnblogs.com/dyhao/p/11458882.html][https_www.cnblogs.com_dyhao_p_11458882.html]

var ratio=0;  
    var screen=window.screen;  
    var 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);      
    \}

控制台执行 代码后验证 还是很准确的；所以笔记 记录和分享一下；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jvc3Nfd2F5_size_16_color_FFFFFF_t_70][]

[https_www.cnblogs.com_dyhao_p_11458882.html]: https://www.cnblogs.com/dyhao/p/11458882.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jvc3Nfd2F5_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191112171209989.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2Jvc3Nfd2F5,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，47人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android ConstraintLayout按比例缩放View

Android ConstraintLayout按比例缩放View 关键点有两个，第一，使用Android ConstraintLayout的layout\_con

向右看齐/ 2023年10月17日 19:08/ 0 赞/ 33 阅读

相关等比例缩放多个图片

最新做了一个等比例缩放多个图片，保证所有图片宽高相等并不失真的功能，现将代码粘贴出来。 import javax.imageio.ImageIO; impor

淩亂°似流年/ 2023年10月10日 18:40/ 0 赞/ 74 阅读

相关获取浏览器页面缩放或展示比例

翻页面的时候，不经意看到了 csdn还是什么页面给提示‘您当前页面处于缩放，页面可能会错乱’；就好奇怎么获取到页面是否缩放和缩放比例的，所以就查询了一下：得到了下面的

逃离我推掉我的手/ 2023年06月12日 11:16/ 0 赞/ 48 阅读

相关图片等比例自适应缩放

图片的父级元素宽度写成百分比形式，图片的宽高取100%即可 <li class="desktops_item"> <img clas

忘是亡心i/ 2023年01月08日 12:26/ 0 赞/ 307 阅读

相关 php等比例缩放图片

/ 处理图片尺寸【等比例缩小或放大】 @param $filePath【进行处理图片本地地址】 @param $saveImage【处理后保存地址】 @para

秒速五厘米/ 2022年11月26日 15:52/ 0 赞/ 242 阅读

相关 CSS控制图片等比例缩放

图片最大宽度为1000px 超过1000px自动等比例缩放至1000px .imgs { max-width: 1000px;//非I

你的名字/ 2022年07月12日 01:15/ 0 赞/ 260 阅读

相关 Matlab实现图像的比例缩放

以灰度图像circuit.tif为例，利用Matlab图像处理工具箱中的imresize函数对图像进行比例缩放变换。要求：创建4个figure窗口（不可以用subplot，显示

你的名字/ 2022年05月25日 08:23/ 1 赞/ 1292 阅读

相关 CSS控制图片等比例缩放

img{ width: auto; height: auto; max-width: 100%;

亦凉/ 2022年05月21日 01:54/ 0 赞/ 304 阅读

相关全屏图片等比例缩放

/ 大图自动等比例缩放。 / var bxsliderImgs = $(".bxslider").add(".b

Bertha 。/ 2022年01月16日 10:37/ 0 赞/ 356 阅读

相关 Dip 缩放比例

double DipToZoom(_In_ int dip) { double dRet = 1.0; switch (dip)

àì夳堔傛蜴生んèń/ 2021年12月22日 10:27/ 0 赞/ 306 阅读