没明白视口宽度和css像素

老师您好，我有点混淆这几个定义，主要问题如下：
1.浏览器下iphone6宽高375 667这是逻辑像素还是物理像素
2.设备像素缩放比不是物理像素除以逻辑像素吗
3.视口宽度就是css逻辑像素吗

Snakk 2022-01-25

源自：移动Web开发入门 2-13 选择练习

48

收起

1回答

好帮手慕然然回答被采纳获得+3积分 2022-01-25 15:56:18

同学你好，解答如下：

首先，设备像素（也叫物理像素）是物理概念，指的是设备屏幕上的像素点个数，比如：iPhone 6的分辨率为 750 x 1334，那么水平方向上有750个像素点，竖直方向上有1334个像素点。

而逻辑像素（也叫CSS像素）是实际开发中使用的像素，CSS像素会自动换算成对应的物理像素，一般在开发时不需要考虑物理像素。

1、浏览器下iphone6宽高375*667一般是指逻辑像素

2、设备像素比dpr = 物理像素 / 逻辑像素（没有缩放时）

3、视口宽度一般也是指逻辑像素。

祝学习愉快！

知还 #1
iPhone 6 的物理分辨率，我看苹果官网上写的是，是375 x 667 的两倍？这个375 x 667 好像是 chrome 模拟器给的分辨率
- 1334 x 750 像素分辨率，326 ppi
2022-02-17 16:49:19
知还 #2

https://support.apple.com/kb/sp705?locale=zh_CN

2022-02-17 16:49:50
好帮手慕然然回复知还 #3

同学你好，chrome模拟器中，给出的iPhone6尺寸为 375 x 667px，这是逻辑像素(也叫CSS像素)，而且由dpr为2，可以计算出物理像素为1334 x 750，与官网是一样的。
上面老师只是举例而已，可能举得数据不太准确。

2022-02-17 17:05:58

点开查看后面3条评论

相似问题

视口宽度=设备独立像素*dpr 理解不了

视口像素问题

视口宽度的问题

屏幕视口宽

物理像素和css像素

登录后可查看更多问答，登录/注册

前端工程师

参与学习人
提交作业 15661 份
解答问题 17891 个

入行前端，是明智的选择！市场需求大，就业前景好，入行门槛低，小白易上手全新升级:技术更新,Vue3.0/TypeScript/React17.x; 技术更全面,从0基础到全栈开发再到大型项目构建

本课精华内容

问答作业

老师,请问vscode有哪些好用的插件推荐一下...

157 1

老师,API具体是指什么呢?

75 1

老师,这两种情况为什么得到的结果不一样?

31 2

没有思路

200 5

老师给点提示。

155 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载