物理像素和css像素

物理像素和css像素

http://img1.sycdn.imooc.com//climg/5d809c1909a4a22805140097.jpg

一般这里的375是css像素还是物理像素,

另外平时设置视口大小,或者用到的像素的地方是不是基本都是css像素?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好, 

  1. 375是CSS像素

  2. device-width是相当于物理像素, width=device-width的意思是设置了页面的宽度等于iPhone6的逻辑像素。设备也是存在一个逻辑像素概念的,例如iPhone6的逻辑像素为375px .所以这里表达的就是页面的宽度375px恰好等于iPhone6的逻辑像素。而iPhone6的物理像素为750px,dpr为2 ,即1个逻辑像素占用两个物理像素,这样页面的逻辑像素375px恰好占用750px哦。

同学也可以结合课程资料中提供的教辅参考理解哦

http://file.mukewang.com/class/assist/266/100120/9wa47sro9r/viewport%E5%9F%BA%E7%A1%80.pdf

http://file.mukewang.com/class/assist/266/100120/puiu9ihg5jf/%E6%89%8B%E6%9C%BA%E8%AE%BE%E5%A4%87%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5.pdf

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~


  • 楚楚提 提问者 #1
    这么说来,有点明白了,也就是说其实物理像素没太大的实际意义,所以device-width虽然最开始是指物理像素,但是一般而言我们讨论device-width时用的还是逻辑像素, 因为纯粹地讨论物理像素没太大意义, 是这样吗?
    2019-09-17 20:15:15
  • 好帮手慕慕子 回复 提问者 楚楚提 #2
    同学你好,可以这样理解噢,祝学习愉快~~~
    2019-09-17 22:08:13
提问者 楚楚提 2019-09-17 16:45:30

http://img1.sycdn.imooc.com//climg/5d809d2909364aa013130062.jpg

比如这里的width和device-width是以css像素还是物理像素计算的

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师