小程序物理像素和逻辑像素

本文详细介绍了小程序中物理像素和逻辑像素的概念,包括屏幕尺寸、像素密度(PPI)、设备像素比(DPR)和Retina显示屏。讲解了在不同设备上,物理像素与CSS像素(逻辑像素)的关系,以及如何在高分辨率屏幕上实现1px边框。还提到了rpx作为小程序尺寸单位的特性,以及与vw、vh单位的比较。
摘要由CSDN通过智能技术生成

屏幕尺寸

  • 屏幕尺寸指屏幕的对角线的长度,单位是英寸,1英寸=2.54厘米
  • 比如常见的屏幕尺寸有2.4、2.8、3.5、3.7、4.2、5.0、5.5、6.0等
  • 如何计算手机尺寸?
  • 知道手机屏幕的长和宽,然后利用勾股定理,就可以算出斜边的长了。还有个更简单的方法,只要用尺子量一下它的对角线是多少厘米,然后再换算成英寸就搞定了。

屏幕尺寸

在这里插入图片描述
在这里插入图片描述
设备尺寸是指设备对角线的长度,单位为英寸(inch),简称“寸”。

物理像素–UI设计师像素

  • 物理像素/屏幕分辨率/物理分辨率:
  • 屏幕分辨率是屏幕像素的数量,一般用屏幕宽度的像素点乘以屏幕高度的像素点,指的是设备屏幕实际拥有的像素点。
  • 单位:px,即1px=1个像素点
  • 比如iPhone 6的屏幕在宽度方向有750个像素点,高度方向有1334个像素点,所以iPhone 6总共有750px*1334px个物理像素
  • 注意:屏幕分辨率即物理像素是固定的,这是厂商在出厂时就设置好的,也就是说一个设备的分辨率是固定的
    在这里插入图片描述

设备像素一般采用 水平分辨率 和 垂直分辨率 组成。
例如:iPhone 6 的设备像素为 750 * 1334。

“设备像素”的特点:

  • 出厂就设置好
  • 是设备的固有属性
  • 不会发生变化。

苹果系列商品的参数

在这里插入图片描述

物理像素–UI设计师像素

  • 重点:
  • UI----物理像素
  • 前端—逻辑像素
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值