pixel像素基础知识

px:CSS pixels 逻辑像素，浏览器使用的抽象单位

dp,pt

: device independent pixels 设备无关像素

dpr:devicePixelRatio 设备像素缩放比

计算公式：1px=(dpr)² * dp

DPI：打印机每英寸可以喷的墨汁点

PPI：屏幕每英寸像素数量，单位英寸内的像素密度

目前，在计算机显示设备参数描述上，二者意思表达的是一样的

举例，iPhone5为例

ppi=√（1136²+640²）/4=326ppi（视网膜Retina屏）

注意：单位为硬件像素，非px

PPI越高，像素数越高，图像越清晰

但可视度越低，系统默认设置缩放比越大

Retina屏（高清屏）：dpr都是大于等于2

web app基础知识（一）
pixel像素基础知识 px:CSS pixels 逻辑像素，浏览器使用的抽象单位 dp,pt : device ...
软件测试面试题总结（4）
web测试和app测试的相同点和区别？相同点：不管是传统行业的web测试还是app测试，都离不开测试的基础知识；...
web app基础知识（二）
Viewport 手机浏览器默认为我们做了两件事情一. 页面渲染在一个980px（ios）的viewport二....
无标题文章
#Web前端 - web前端是什么 - 定义 - 职责 - web前端基础知识和学习路线 - web前端学习的...
HTML-01
Web基础知识 Web与Internet Web的工作原理 Web的相关技术 HTML快速入门 HTML概述超文...
Web App、Hybrid App与Native App的设计
目前主流应用程序大体分为三类：Web App、Hybrid App、 Native App。一、Web App、...
Web App、Hybrid App与Native App的设计
目前主流应用程序大体分为三类：Web App、Hybrid App、 Native App。一、Web App、...
前端JS基础六（DOM）
前面我写了JS基础知识，接下来要开始写JS-WEB-API JS基础知识：ECMA 262标准 JS-WEB-AP...
Web前端
Web前端 web前端是什么- 定义职责 web前端基础知识和学习路线 web前端学习的资源 1.Web前端是...
第五章 js-web-api 上
5-1 从基础知识到web-api JS基础知识：ECMA 262 标准 JS-Web-API：W3C 标准 W3...