设备像素比devicePixelRatio

在移动端,devicePixelRatio指的是window.devicePixelRatio。
移动端设备分为非视网膜屏幕和视网膜屏幕。
为说明二者区别,举个例子:
非视网膜屏幕是指,屏幕可视区域宽度是320像素,就只能显示320像素的内容。
视网膜屏幕是指,屏幕可视区域宽度是320像素,却能够显示640像素、960像素的内容。
其中,屏幕可视区宽度叫设备独立像素,device independent pixels,简称dip或dp。屏幕能够显示的显示的实际像素数叫做物理像素
像素比window.devicePixelRatio=物理像素/设备独立像素(dips)。

参考文献:
设备像素比devicePixelRatio简单介绍

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Window.devicePixelRatio概述 此属性返回当前显示设备的物理像素分辨率与CSS像素分辨率的比值...
    秋玄语道阅读 4,511评论 0 0
  • 设备像素比(dpr) 是设备上物理像素和设备独立像素(device-independent pixels (dip...
    lmmy123阅读 5,183评论 0 0
  • 一、 定义:设备像素比 = 设备独立像素÷设备物理像素 二、结合rem的使用 rem:rem的值是基于html标签...
    R_X阅读 4,906评论 0 0
  • 你有没有思考过这样一件事,如果有一天,你承受不住生活的压力,因为学业,家庭,事业,就像是一团散沙,失去了坚固的依靠...
    小篱笆墙的钉子阅读 1,760评论 0 1
  • 余光还很少在这个时候出来。已是下午四点多了,春日的阳光洒在他身上还是能感到暖洋洋的气息。他一个人坐在城墙根的长...
    荆棘鸟OO阅读 1,675评论 0 1

友情链接更多精彩内容