区块链服务

在讲解响应式设计技术之前，需要先了解物理设备中关于屏幕适配的常用术语，比如像素，屏幕分辨率，设备像素(device-width)和CSS像素等，有助于读者理解响应式设计的实现过程。1.像素与分辨率全称为图像元素，是网页布局的基础，一个像素就是计算机屏幕能显示一特定颜色的最小区域。屏幕分辨率，就是屏幕上显示的像素个数，以水平分辨率和垂直分辨率来衡量大小。例如：分辨率1600*1200的意思是水平方像素为1600个，垂直方向像素为1200个，屏幕尺寸一样的情况下，分辨率越高，显示效果就越精细。响应式布局手机屏幕分辨率的效果如图6-35所示。2.设备像素设备像素是物理概念，指的是设备中使用的物理像素。比如iPhone5的屏幕分辨率640*1136px。衡量一个物理设备的屏幕分辨率高低，使用ppi，