移动端基础知识
1 物理像素(像素点)
物理像素:即设备像素,而物理像素点是屏幕显示的最颗粒,在同一设备上,它的物理像素和物理像素点是固定的。这是厂商在出厂时就设置好的,即一个设备的分辨率时固定的。比如iphone6的物理像素是750px * 1334px。
设备出厂后的每一个像素点,类似一个小灯泡,由屏幕制造商决定,屏幕生产后无法修改。
2 分辨率
每一个长度方向上的像素个数乘以每一个宽度方向上的像素个数的表示形式,就叫做分辨率
屏幕尺寸相同的手机,包含的像素点个数是不确定的,像素点越小,同一方向上容纳的像素个数就越多,图像显示就越精细
屏幕水平和垂直方向的固定像素点数。
显示分辨率指的是设备当前所用到的物理像素点数,屏幕分辨率 >= 显示分辨率。
3 1px=1个物理像素?
早期的手机屏幕,都是所谓的普通屏幕,也就是标清屏,1css像素=1个物理像素
但是随着 Retina(视网膜屏)等技术的兴起,能够将更多的物理像素点压缩至一块屏幕中,从而达到更高的分辨率,提升屏幕显示的细腻度
手机A 分辨率:4*2(横向上两个像素点,纵向上4个像素点)
手机B 分辨率:8*4 (横向上4个像素点,纵向上8个像素点)
如果 有1个 宽 1px,高 1px 的元素要显示在屏幕上
如果使用物理像素表示 1px,结果就是手机B上显示的要比手机A上小
结论:不能使用物理像素表示元素尺寸
4 逻辑像素
逻辑像素有一下两种:(是在我们开发的时候使用的)
CSS像素(**程序员写的**,抽象长度单位,单位px,用来精确度量web页面上内容大小。)
设备独立像素 (dpi:device independent pixel)
示范:
<style>
.b