美文网首页
获取设备像素比

获取设备像素比

作者: ee03052cdf84 | 来源:发表于2020-09-15 10:24 被阅读0次

获取设备像素比

关于更多日常使用的公共类的操作方法,可以关注下小滑轮网站 http://www.feiaci.com/#/self/code

/**
 * 获取设备像素比
 * @returns {number}
 * @example
 * // window.navigator.appVersion(5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobile/13B143 Safari/601.1)
 * getPixelRatio();
 * // => 2
 */
function getPixelRatio() {
  let ctx = document.createElement('canvas').getContext('2d');
  let dpr = window.devicePixelRatio || 1;
  let bsr = ctx.webkitBackingStorePixelRatio ||
      ctx.mozBackingStorePixelRatio ||
      ctx.msBackingStorePixelRatio ||
      ctx.oBackingStorePixelRatio ||
      ctx.backingStorePixelRatio || 1;
  return dpr / bsr;
}

相关文章

  • 获取设备像素比

    获取设备像素比 关于更多日常使用的公共类的操作方法,可以关注下小滑轮网站 http://www.feiaci.co...

  • dpr是啥

    DPR也就是设备像素比 设备像素比(dpr) = 设备像素(分辨率)/设备独立像素(屏幕尺寸) 布局视窗:屏幕大...

  • 高清屏及适配不同设备的方案总结

    一、关于设备像素比(devicePixelRatio) 出处:高清屏概念解析与检测设备像素比的方法 所谓设备像素比...

  • 前端中的设备适配问题

    基础概念 虚拟像素 设备像素 设备独立像素 像素密度 设备像素比 retina屏幕 viewport PC端适配方...

  • 设备像素比devicePixelRatio介绍

    设备像素比(dpr) 是设备上物理像素和设备独立像素(device-independent pixels (dip...

  • 设备像素比>1的移动设备上,1px问题

    在设备像素比 (物理像素/逻辑像素)>1 的移动设备上,css 的1px 并不对应1物理像素,例如设备像素比为2的...

  • 自适应粗小结

    杂知识--预先看 图片和文字垂直居中:vertical-align: middle DPR:设备像素比,设备像素比...

  • 移动web开发

    像素基础 px 逻辑像素,浏览器使用的抽象单位 dp,pt 设备无关像素 dpr 设备像素缩放比=独立像素 / 物...

  • 1px边框问题

    设备像素比(dpr):设备物理像素与设备独立像素(CSS像素)的比值。1.如果页面中的DOM元素的CSS样式设置边...

  • 关于移动端开发的一些笔记

    关于一些基本概念如设备像素,css像素,参考 移动端适配方案(上) CSS像素、物理像素、逻辑像素、设备像素比、P...

网友评论

      本文标题:获取设备像素比

      本文链接:https://www.haomeiwen.com/subject/gpixyktx.html