电脑像素比的知识

1. 物理像素比

电脑上当缩放比例为100%时，1px（css像素）则为电脑屏幕上的1个像素大小

Windows10会自动将缩放比例调整为100%以上，例如125%

而手机上使用了视网膜技术。

1px(css像素)，在手机上显示的结果=1px*像素缩放比

iphone8 : 1px(css像素)*2=2

Tip:相当于直接把图片、文字这些放大两倍

2. 二倍图

   如果直接将图片放大两倍，那可能就会变模糊，那怎么解决这个问题？

   我们放一个100*100的，然后手动将这个图片缩小为50*50(css像素)，最终显示在屏幕上的是50(css像素)*2，显示的结果就是实际图片的效果

3. 背景的缩放
   1. background-size: 图片的宽度 图片的高度
   2. background-size: 图片宽度 (auto，默认)