zoukankan      html  css  js  c++  java
  • 浏览器页面是否缩放问题。

    记得之前遇到过一个css样式的问题,找builder同学,搞了半天才发现原来是因为缩放问题引起。

    1、浏览器页面缩放,即浏览器页面内容的缩放,使用符号:ctrl + (+/-)来实现页面内容的放大/缩小。


    2、所以是不是在遇到样式、文字掉下来的时候,是不是考虑先看看是否页面缩放了!

    另外,为了增强用户体验,可以增加对用户的提醒,用户可能不小心点击了快捷键导致页面缩放——变形,而不知所措时,可以提醒用户。

    方法如下:

    1. window.devicePixelRatio

    该参数是设备上物理像素和设备独立像素的比例,该属性就可以用于检测网页是否被缩放了。

    FF、Chrome支持。

    默认比例是1,放大则大于1,否则小于1.

    2. IE 提供了 window.screen.deviceXDPI 和 window.screen.logicalXDPI 两个属性。

    deviceXDPI 就是对应的设备上的物理像素,而 logicalXDPI 就是对应了设备独立像素的比例。

    在 windows XP+ 以上的系统上的默认值都是 96,因为系统默认的就是 96dpi 。

    默认两者相比是1.如果放大,deviceXDPI 则变大。否则变小。


  • 相关阅读:
    openssh升级
    Mysql基础学习_Windows版(一)
    centos7 取消Ctrl+Alt+Del重启功能
    linux shell数值比较和字符串比较
    linux 使用中括号进行条件判断
    VXLAN简介(摘抄)
    centos配置NTP服务器
    Centos配置网卡子接口
    组播___IGMP
    组播
  • 原文地址:https://www.cnblogs.com/hanyuxinting/p/4554117.html
Copyright © 2011-2022 走看看