认识达内从这里开始

认真做教育专心促就业

程序员需要了解移动端适配的那些概念

发布：运城达内教育官网
来源：互联网
时间：2020-04-15 08:52

随着互联网的不断发展，越来越多的软件都要求能够实现移动端的适配，而今天我们就来了解一下，移动端适配的一些基础概念。

程序员需要了解移动端适配的那些概念

1、屏幕尺寸

屏幕尺寸是以屏幕对角线的长度来计量，计量单位为英寸。

2、像素

像素(Pel,pixel,pictureelement)，为组成一幅图像的全部亮度和色度的图像单元。电视的图像是由按一定间隔排列的亮度不同的像点构成的，形成像点的单位也就是像素，组成图像的单位就是像素。从计算机技术的角度来解释，像素是硬件和软件所能控制的单位。它指显示屏的画面上表示出来的单位，不是图画上的单位。一幅图像通常包含成千上万个像素，每个像素都有自己的颜色信息，它们紧密地组合在一起。由于人眼的错觉，这些组合在一起的像素被当成一幅完整的图像。当修改图像的某区域，实际上是在修改该区域内的像素。对这些像素修改的好与坏将决定终图片的质量。单位面积内的像素越多，图像的效果就越好。

3、分辨率

屏幕分辨率是指纵横向上的像素点数，单位是px。屏幕分辨率确定计算机屏幕上显示多少信息的设置，以水平和垂直像素来衡量。就相同大小的屏幕而言，当屏幕分辨率低时(例如640x480)，在屏幕上显示的像素少，单个像素尺寸比较大。屏幕分辨率高时(例如1600x1200)，在屏幕上显示的像素多，单个像素尺寸比较小。

4、设备物理分辨率(设备像素)

相信我们所有前端开发者，都是见证了手机这个移动设备发展的过程。从蓝屏手机，到彩屏手机，到诺基亚研发出来触屏手机，再到智能手机一步步发展下来，我们的我们的手越来越清晰，越来越大，所以我们的屏幕发展也越来越迅速。

5、设备像素比

设备像素比devicepixelratio简称dpr，即物理像素和设备独立像素的比值。为什么要知道设备像素比呢?因为这个像素比会产生一个问题，1像素边框的问题。

6、1px边框问题

当我们css里写的1px的时候，由于它是逻辑像素，导致我们的逻辑像素根据这个设备像素比(dpr)去映射到设备上就为2px，或者3px，由于每个设备的屏幕尺寸不一样，就导致每个物理像素渲染出来的大小也不同(记得上面的知识点吗，设备的像素大小是不固定的)，这样如果在尺寸比较大的设备上，1px渲染出来的样子相当的粗矿，这就是一像素边框问题。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!

< 上一篇：前程序员遗留下的代码应该如何处理

下一篇：程序员如何与老板谈薪资待遇 >