今天完成的事情

1、小课堂的ptt

手机分辨率和网页中的px是一回事吗？

背景介绍

现今每天都有更多的手机和平板电脑问市。消费者能够拥有可想象到的各种规格和形状的设备，屏幕的分辨率也是越来越高，我们经常听到有人在讨论网页中的px和手机的分辨率是怎么一回事，今天我们就来分享关于这方面的知识。

什么是分辨率

分辨率是指显示器所能显示的像素有多少。由于屏幕上的点、线和面都是由像素组成的，显示器可显示的像素越多，画面就越精细，同样的屏幕区域内能显示的信息也越多，所以分辨率是个非常重要的性能指标之一。可以把整个图像想象成是一个大型的棋盘，而分辨率的表示方式就是所有经线和纬线交叉点的数目。显示分辨率一定的情况下，显示屏越小图像越清晰，反之，显示屏大小固定时，显示分辨率越高图像越清晰。

网页中的px

网页中的px是指CSS像素(css pixel):是我们在浏览器中使用的抽象单位，主要用来在网页上绘制内容。也可以说css px是专门为web开发者提出的一个抽象概念，也只跟我们平时写的css样式有关，与分辨率（比如720px*1280px）里的px没关系。CSS像素是Web编程的概念。

常见问题

将设备像素和CSS像素(css pixel)混为一谈

要理解我们在网页开发中使用的px是Web编程中的概念，指的是CSS像素(css pixel)。设备像素(device pixel)是物理概念，指的是设备中使用的物理像素。

扩展思考

这就需要要谈到每英寸像素(pixel per inch)和设备像素比(device pixel ratio)。每英寸像素(pixel per inch)：ppi，表示每英寸所拥有的像素(pixel)数目，数值越高，代表显示屏能够以越高的密度显示图像。ppi的计算方式可以参考维基百科

2、任务9职位列表页完成响应式开发

明天计划的事情

1、完成任务9剩下的两个

2、完善ppt，ppt内容较少

遇到的问题

没有遇到什么问题

收获

网页中的px是指CSS像素(css pixel):是我们在浏览器中使用的抽象单位，主要用来在网页上绘制内容。也可以说css px是专门为web开发者提出的一个抽象概念，也只跟我们平时写的css样式有关，与分辨率（比如720px*1280px）里的px没关系。CSS像素是Web编程的概念。