设备像素、css像素、设备独立像素、dpr、ppi 之间的区别？
面试官：说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别？
一、背景
在css中我们通常使用px作为单位，在PC浏览器中css的1个像素都是对应着电脑屏幕的1个物理像素
这会造成一种错觉，我们会认为css中的像素就是设备的物理像素
但实际情况却并非如此，css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的
当我们做移动端开发时，同为1px的设置，在不同分辨率的移动设备上显示效果却有很大差异
这背后就涉及了css像素、设备像素、设备独立像素、dpr、ppi的概念
二、介绍
CSS像素
CSS像素（css pixel, px）: 适用于web编程，在 CSS 中以 px 为后缀，是一个长度单位
在 CSS 规范中，长度单位可以分为两类，绝对单位以及相对单位
px是一个相对单位，相对的是设备像素（device pixel）
一般情况，页面缩放比为1，1个CSS像素等于1个设备独立像素
CSS像素又具有两个方面的相对性：
- 在同一个设备上，每1
设备像素、css像素、设备独立像素、dpr、ppi 之间的区别？相关推荐
- 【CSS】聊一聊CSS像素、设备像素、设备独立像素、dpr、ppi 之间的区别
前言 大家好,我是HoMeTown,顺着计量单位,想继续聊一下CSS像素.设备像素.设备独立像素.dpr.ppi 之间的区别. 众所周知,在CSS中我们通常是使用px作为单位的场景多一点,在PC端,1 ...
- CSS单位 px pt em和rem 之间的区别
CSS中可以定义大小的单位有四种px,pt,em,rem,而px可以说在网页开发中最常见的单位了.不过现在如今的大多数网站已经开始用rem这个单位了.那么这四个单位有什么区别呢? px|pt|em|r ...
- 4.设备像素、css像素、设备独立像素、dpr、ppi 之间的区别？
一.背景 在css中我们通常使用px作为单位,在PC浏览器中css的1个像素都是对应着电脑屏幕的1个物理像素 这会造成一种错觉,我们会认为css中的像素就是设备的物理像素 但实际情况却并非如此,css ...
- css基础知识四：说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别？
一.背景 在css中我们通常使用px作为单位,在PC浏览器中css的1个像素都是对应着电脑屏幕的1个物理像素 这会造成一种错觉,我们会认为css中的像素就是设备的物理像素 但实际情况却并非如此,css ...
- 设备像素、css像素、设备独立像素、dpr、ppi 之间的区别
一.背景 在css中我们通常使用px作为单位,在PC浏览器中css的1个像素都是对应着电脑屏幕的1个物理像素 这会造成一种错觉,我们会认为css中的像素就是设备的物理像素 但实际情况却并非如此,css ...
- 说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别？
一.背景 在css中我们通常使用px作为单位,在PC浏览器中css的1个像素都是对应着电脑屏幕的1个物理像素 这会造成一种错觉,我们会认为css中的像素就是设备的物理像素 但实际情况却并非如此,css ...
- 设备像素、css 像素、设备独立像素、dpr、ppi 之间的区别？
设备像素指的是物理像素,一般手机的分辨率指的就是设备像素,一个设备的设备像素是不可变的. css像素和设备独立像素是等价的,不管在何种分辨率的设备上,css像素的大小应该是一致的,css像素是一个相对 ...
- html物理像素,css中px是像素的意思么？
px全称pixel(像素),是一个虚拟长度单位,表示图片或者图形的最小单位,将像素进行组合,可以在计算机中,显示完整的图像和视频. px像素是计算机系统的数字化图像长度单位,如果px要换算成物理长度, ...
- 设备像素，设备独立像素，CSS像素
之前学了移动端的开发对设备像素.设备独立像素.CSS像素弄得不太清楚,所以趁周末的时间查了一下,稍加整理 一些概念 在进行具体的分析之前,首先得知道下面这些关键性基本概念. CSS像素 CSS像素是W ...
最新文章
- 一种生成不重复数的算法
- 企业存储管理的另一种可能 群晖如何成为NAS代名词？
- 用C语言输出一个字符串的所有子串
- python开发笔记软件_图解Python编程神器Jupyter Notebook
- 关于git diff的一个命令
- 0. SQL Server监控清单
- MFC防止进程重复建立
- tolua中使用protobuf3—集成lua-protobuf
- 基于用户的协同过滤算法 1
- 北京思科CCIE认证靠谱的机构 网络工程师 -ie-lab网络实验室
- 数据库课程设计——某商店进销存管理系统（附Java源码与课程设计报告）
- js判断用户是第一次点击还是第二次点击
- C++ 类成员函数的函数指针
- 30 分钟快速入门 Docker 教程
- 删除MacOS的升级文件
- 地域微信平台自媒体，原创视频如何插入腾讯地图
- 2. Python函数式编程中的字符串，元组，函数的分类，高阶函数，一篇文章都介绍一遍
- 玩客云刷入openwrt系统
- 调试运用（电流标幺化,PWMDAC调试,ARCTAN反正切）
- html 制作人物模型,3dsmax动漫人物制作教程