二倍图可以理解为当设备像素比很大时，图片会被放大，而放大会让图片看起来模糊。为此，我们可以使用二倍图的方式来提高图片的清晰度。
当一个50px×50px（CSS像素）的图片直接放到iPhone 6/7/8设备中显示时，图片会被放大，长和宽都放大到原来的二倍（iPhone 6/7/8的设备像素比为2），即100px×100px。
<body>
<!-- 原图 -->
<img src="images/50.png" alt="">
<!-- 二倍图 -->
<img src="images/100.png" alt="">
</body>
<style>
img:nth-child(2) {
width: 50px;
height: 50px;
}
</style>
物理像素&物理像素比:
物理像素点指的是屏幕显示的最小颗粒，是物理真实存在的。这是厂商在出厂时就设置好了,比如苹果678 是 750* 1334
我们开发时候的1px 不是一定等于1个物理像素的
PC端页面，1个px 等于1个物理像素的，但是移动端就不尽相同
一个px的能显示的物理像素点的个数，称为物理像素比或屏幕像素比
背景图片的缩放：
除了使用<img>标签插入的图片，还会用到背景图片，所以背景图片也需要设置缩放效果。
在CSS3中，提供了background-size属性用来规定背景图片的尺寸，从而达到背景图片的缩放效果。
background-size设置的宽度和高度可以是像素或百分比。使用background-size的基本语法如下：
background-size: 背景图片的宽度 背景图片的高度;
除像素或百分比以外，background-size属性还可以用其他的属性值来实现不同的缩放效果。
来千语创想移动应用开发平台学习更多APP开发知识：app开发，app制作，app开发源码下载，app开发框架，app开发工具等免费获取。
千语创想-专业APP开发、app定制服务商，提供一站式移动应用解决方案，满足您的各类需求，欢迎免费评估需求和获取报价。
立即免费在线制作一个APP，新手注册即送开发大礼包
提交app定制需求，免费获取报价和周期：
电脑请点击https://www.qianyuthink.com/?url=/index?uzchannel=500
手机请点击https://www.qianyuthink.com/?url=/m/customizedservice?uzchannel=500
